Feat: Improve UI Design of GitHub Campus Expert Screen

[jagrati7305]

Describe the feature

Description

The current screen works properly, but the UI can be improved to make it look cleaner and more modern.
Some sections have uneven spacing, large text blocks, and inconsistent button styling, which affects the overall user experience.

Proposed Solution

• Improve spacing and padding between sections.
• Make text easier to read with better typography.
• Improve button design and alignment.
• Add smoother card corners and better styling.
• Improve overall visual balance on mobile screens.
• Make the layout look more modern and attractive.

Expected Outcome

• Cleaner and more professional UI.
• Better readability and user engagement.
• Improved mobile viewing experience.
• More visually consistent design across components.

Additional Context

This issue focuses only on improving the UI/UX of the screen without changing its functionality.

Add ScreenShots

---

Record

• I agree to follow this project's Code of Conduct
• I'm a GSSOC'24 contributor
• I want to work on this issue

[github-actions]

Thank you for creating this issue! We'll look into it as soon as possible. Your contributions are highly appreciated! 😊

[jagrati7305]

Hi @andoriyaprashant , I would like to work on this issue as part of GSSOC'26.
Can you please assign it to me ?

[gshariish-cloud]

/assign
I would like to work on this issue

[Stewartsson]

hi @andoriyaprashant I am GSSOC contributor can you assign this issue to me