Fix: handle empty collection UI and add input flow

[SinhaS12]

Fixes #3794

Changes

• Fixed the issue where the UI breaks when no collection exists.
• Added a new collection input flow to keep the UI clean and user-friendly.

Checklist

I have verified that this pull request:

• has no test errors (npm run test)
• has no typecheck errors (npm run typecheck)
• is from a uniquely named feature branch and is up to date with the develop branch
• is descriptively named and links to an issue number (Fixes Create Collection Option in “Add to Collection” Modal #3794)
• meets the standards outlined in the accessibility guidelines

[yugalkaushik]

@SinhaS12 Thank you for the PR, please share screenshots with UI related prs.