Improve Loading Performance and UI in dark mode

[ShreyasLakhani]

• Fix the loading problem, when user purchase subscription.

• change the text color in dark mode.

• remove unwated CSS

• Before

https://github.com/user-attachments/assets/54414609-aef7-400a-a098-6026b2f0e28e

https://github.com/user-attachments/assets/ca561edf-4f75-4b9e-b5ba-5e0d5570e718

• After

https://github.com/user-attachments/assets/4add00c6-1d9d-4c07-be8c-b002976a2c65

https://github.com/user-attachments/assets/bc0df25b-cefe-47ba-8596-0815c08a5bc1

[vercel[bot]]

@ShreyasLakhani is attempting to deploy a commit to the mftsio Team on Vercel.

A member of the Team first needs to authorize it.

[ShreyasLakhani]

please ingore pages/404.tsx file. This issue is already resolved.

[ShreyasLakhani]

@mfts can you review my PR and give me feedback.

[mfts]

@ShreyasLakhani please merge the current main branch and resolve conflicts. no need to change the 404 page. it's already in dark mode adjusted.

For the buttons on the upgrade modal, they should not be clickable if the user clicked one button. so disable the one that's not clicked

[mfts]

@ShreyasLakhani overall good start.

please merge in the current main branch and resolve existing conflicts.

other notes:

• please keep the useState variables consistent between the two components (clickedPlan and clickedPlanState)
• add a disabled attribute to the buttons that checks if the clickedPlan != null so that it disables other buttons from being clicked.

[ShreyasLakhani]

@mfts Done.

resolve all conflicts and merge in main branch.

Let me know if there still error.

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
papermark	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 19, 2024 9:22am

[oss-gg[bot]]

Awarding ShreyasLakhani: 150 points 🕹️ Well done! Check out your new contribution on oss.gg/ShreyasLakhani