Made Basic Calculator responsive

[m3kvt]

Fixes Issue🛠️

Closes #1130

Description👨‍💻

Made the contents fit inside the container by decreasing width as well as reducing padding. Also made the dark mode feature visible in mobile view.

Type of Change📄

• [x] New feature (non-breaking change which adds functionality)
• [x] Style (non-breaking change which improves website style or formatting)
• [x] Responsiveness (non-breaking change which improves UI/UX on different screen sizes)

Checklist✅

• [x] I am an Open Source contributor
• [x] I have performed a self-review of my code
• [x] My code follows the style guidelines of this project

Screenshots/GIF📷

Before

After

[netlify[bot]]

✅ Deploy Preview for calcdiverse ready!

Name	Link
🔨 Latest commit	8122082336c1bef0487a317a940bbec33cf09a20
🔍 Latest deploy log	https://app.netlify.com/sites/calcdiverse/deploys/66767f4dcadc34000833ac2a
😎 Deploy Preview	https://deploy-preview-1379--calcdiverse.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.

[Rakesh9100]

Pls keep only the changes of Basic Calculator files @m3kvt