fix: resolve loading SVG blocking input field interaction

[Allan2000-Git]

User description

Description

Fixed by making the height of the SVG to auto and also disabled the interaction with the input field when isLoading is true

Fixes #567

Dependencies

N/A

Future Improvements

N/A

Mentions

@rajdip-b

Screenshots of relevant screens

Developer's checklist

• My PR follows the style guidelines of this project
• [ X I have performed a self-check on my work

If changes are made in the code:

• I have followed the coding guidelines
• My changes in code generate no new warnings
• My changes are breaking another fix/feature of the project
• I have added test cases to show that my feature works
• I have added relevant screenshots in my PR
• There are no UI/UX issues

Documentation Update

• This PR requires an update to the documentation at docs.keyshade.xyz
• I have made the necessary updates to the documentation, or no documentation changes are required.

---

PR Type

Bug fix

---

Description

• Fixed an issue where the loading SVG was blocking interaction with the input field by setting its height to auto.
• Corrected a typo in the text content on the authentication page.

---

Changes walkthrough 📝

	Relevant files
Bug fix	page.tsx Adjust SVG height and fix typo in AuthPage                              apps/platform/src/app/auth/page.tsx Adjusted the LoadingSVG component to have a height of auto to prevent it from blocking the input field. Fixed a typo in the text content. +2/-2

---

💡 PR-Agent usage: Comment /help "your question" on any pull request to receive relevant information

[codiumai-pr-agent-free]

PR Reviewer Guide 🔍

Here are some key observations to aid the review process:

🎫 Ticket compliance analysis ✅ 567 - Fully compliant Compliant requirements: Loading SVG height set to 'auto' to prevent blocking input field

⏱️ Estimated effort to review: 1 🔵⚪⚪⚪⚪

🧪 No relevant tests

🔒 No security concerns identified

⚡ Recommended focus areas for review UI Validation Verify that the loading SVG no longer blocks input field interaction and is properly positioned with auto height

[codiumai-pr-agent-free]

PR Code Suggestions ✨

Explore these optional code suggestions:

Category	Suggestion	Score
General	Prevent layout shifts during loading state transitions by using fixed-width containers Add a fixed width to the LoadingSVG container to prevent layout shifts when the loading state changes. This ensures consistent button width during state transitions. apps/platform/src/app/auth/page.tsx [100] -{isLoading ? <LoadingSVG className="w-10 h-auto" /> : 'Get Started'} +{isLoading ? <div className="w-20 flex justify-center"><LoadingSVG className="w-10 h-auto" /></div> : 'Get Started'} Apply this suggestion Suggestion importance[1-10]: 7 Why: The suggestion addresses a potential UI issue where the button width might change during loading state transitions, which could cause jarring layout shifts. Adding a fixed-width container improves the user experience by maintaining visual stability.	7

💡 Need additional feedback ? start a PR chat

[rajdip-b]

@poswalsameer is this good to merge?

[poswalsameer]

@poswalsameer is this good to merge?

Yes, you can go for it.

[rajdip-b]

@Allan2000-Git can you resolve the conflicts? We will merge after that.