feat(website): update UI components for improved aesthetics and functionality

[SteveLin100132]

This pull request makes several improvements to the website's user interface and code style, focusing on visual consistency, user experience, and code maintainability. The most significant changes include a major redesign of the navigation bar for both desktop and mobile, consistent use of rounded buttons, enhanced section styling, and code formatting updates.

UI/UX Improvements

• Navbar Redesign: The Navbar.tsx component was refactored to simplify state management, remove scroll-based effects, and redesign both desktop and mobile navigation. The new navbar features a glass-effect background, rounded elements, improved logo handling, and a mobile menu dropdown for better usability.
• Consistent Rounded Buttons: Multiple buttons throughout the site now use rounded-full styling for a more modern and cohesive look, including in the hero section, features section, and code buttons. [1] [2] [3]
• Section Styling Enhancements: The "How To Use" section now includes a gradient divider and a visually highlighted heading, improving readability and visual separation. [1] [2]

Code Quality and Maintainability

• Consistent Code Formatting: All strings in HowToUseSection.tsx were updated to use double quotes for consistency, and object/array formatting was standardized.
• Improved Event Handling: Button click handlers were refactored for clarity and maintainability, using arrow functions and consistent parameter passing. [1] [2] [3]

These changes collectively improve the website's look and feel, make navigation easier for users, and ensure the codebase is easier to read and maintain.