[FEATURE]: enhance login UI with custom toggle and timeline

[Siddh2024]

Description

This PR enhances the registration and login page UI/UX by implementing a polished, split-screen layout. It introduces a sophisticated dark/light mode toggle pill, an interactive company timeline alongside the form, and upgraded input/button micro-interactions to elevate the overall user experience.\

closes #964

Type of Change

• New feature (non-breaking change which adds functionality)
• UI/UX Enhancement (visual or interactive improvements)

Key Changes

• Split-Screen Layout: Added a two-column desktop layout that balances the high-conversion registration form with a dynamic website timeline.
• Enhanced Toggle Button: Created a custom, fluid dark/light mode switch featuring smooth CSS spring transitions (cubic-bezier) and elegant icon fading.
• Interactive Visual Timeline: Implemented a vertical timeline detailing website milestones with subtle gradient fades and a pulsing accent node for the latest event.
• Premium Design Tokens: Integrated an accessible, deep slate color theme with refined input field focus states (subtle borders and soft glows).

Media & Screenshots

Light Mode	Dark Mode

Testing Checklist

• Layout is fully responsive and collapses cleanly into a single column on mobile devices.
• Text contrast across both light and dark modes meets WCAG AA accessibility standards.
• Theme switch transitions smoothly without layout shifts or flashes of unstyled content (FOUC).
• Form input fields display correct focus rings and validation error states.

[Siddh2024]

@aryandas2911 , please approve this pr.