Add Ui Changes to Add to Record Page

[bhupendraKhatri12]

🛠️ Fixes Issue : ""

👨‍💻 Changes proposed:

✔️ Check List (Check all the applicable boxes)

• [x] My code follows the code style of this project.
• [x] This PR does not contain plagiarized content.
• [x] The title of my pull request is a short description of the requested changes.
• [x] I am a participant of Hacktoberfest 2022.

📄 Note to reviewers

📷 Screenshots

[netlify[bot]]

✅ Deploy Preview for medstats-health-journal ready!

Name	Link
🔨 Latest commit	cade55bfb84b25109ded8a10ce8277c630aae867
🔍 Latest deploy log	https://app.netlify.com/sites/medstats-health-journal/deploys/652d21c7c6984c0008946699
😎 Deploy Preview	https://deploy-preview-98--medstats-health-journal.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[bhupendraKhatri12]

i have fiexd the edit record mug

[KiranAminPanjwani]

The UI design and theme are not acceptable.