feat(website): enhance tech stack section with advanced design and animations

[SteveLin100132]

This pull request introduces visual and structural improvements to the website, focusing on enhanced background effects, a new technology stack section, and minor styling updates. The most significant changes include adding a global grid and radial fade overlay to the layout, introducing the TechStackSection component, updating dependencies, and refining the navigation bar and footer styles.

Visual and Layout Enhancements:

• Added a global grid pattern and a radial fade overlay as fixed backgrounds to the main layout in App.tsx, replacing the previous local grid in HeroSection. This creates a more cohesive and visually appealing background across all sections. [1] [2]
• Updated Tailwind CSS configuration to refine the grid background's opacity and introduce a new radial-fade-overlay background image for enhanced depth.

Component and Content Updates:

• Introduced the TechStackSection component into the main page, making the technology stack visible by default. [1] [2]
• Changed the footer background color from bg-primary to bg-black for better contrast and modern appearance.

Styling and Navigation Improvements:

• Refined the navigation bar's glass effect by adding a new glass-effect-no-shadow class and updating its application based on scroll state, resulting in a cleaner look when scrolled. [1] [2]
• Adjusted section padding and other minor CSS tweaks for improved layout consistency.

Dependency Management:

• Added @icons-pack/react-simple-icons as a new dependency in both package.json and package-lock.json to support technology stack icons. [1] [2] [3]