Fix update v1

[TorresjDev]

This pull request introduces several performance optimizations, codebase cleanups, and security improvements across the app. The most significant changes include lazy loading of heavy components for better performance, enhancement of security headers and build configuration in Next.js, refactoring for improved code clarity and maintainability, and minor UI/UX adjustments.

Performance Optimizations

• Lazy load heavy components such as CanvasRevealEffect and Lottie in Approach.tsx, Footer.tsx, and BentoGrid.tsx to reduce initial bundle size and improve client-side performance. [1] [2] [3]
• Added a loading fallback for the dynamically imported World component in GridGlobe.tsx to provide a better user experience during component load.

Security and Build Improvements

• Updated next.config.mjs to add strict security headers (X-Content-Type-Options, X-Frame-Options, X-XSS-Protection, and Referrer-Policy) and optimized dev/build settings by disabling unnecessary source maps and IE11 transpilation, reducing build time and bundle size. [1] [2] [3]
• Changed external link rel attributes in Footer.tsx to noopener noreferrer for improved security against tab-napping.
• Set persist-credentials: false in the Azure deployment workflow for improved security. (.github/workflows/azure-static-web-apps-mango-pebble-08050a31e.yml)

Codebase Cleanup and Refactoring

• Removed the unused BentoGridV1.tsx file, streamlining the codebase.
• Refactored Three.js and React Three Fiber usage in Globe.tsx, including improved camera configuration, scene setup, and ring animation logic, leading to cleaner and more maintainable code. [1] [2] [3] [4]

Minor UI/UX Improvements

• Adjusted grid and gap classes in RecentProjects.tsx for better responsive layout.
• Updated HTML rendering in layout.tsx to suppress hydration warnings, reducing potential client/server mismatch errors.
• Improved accessibility and clarity in several components by updating refs and type usage (useRef, icon mapping). [1] [2] [3] [4]

Component Behavior Adjustments

• Updated the PinPerspective component to use a span instead of an anchor tag for the title display, removing unnecessary external links.

Let me know if you want to dive deeper into any of these changes!