chore: Update .cursorrules and FullScreenLoader component for improved functionality

- Added additional context regarding the use of Next.js, SWC, Styled Components, and Framer Motion in the .cursorrules file.
- Enhanced FullScreenLoader component to conditionally disable loading on the /contact route, improving user experience.
- Cleaned up rendering logic to ensure the loader only displays when necessary, optimizing performance and clarity.

Author: drumnation

.cursorrules

@@ -1,4 +1,7 @@
 - !!!We use pnpm as our package manager, as well as pnpm workspaces to help manage our monorepo packages
+    - We are using Next.js with SSR and App Router
+    - We are using SWC to transpile our code, only suggest Babel if SWC is not an option anymore
+    - We are using Styled Components and Framer Motion for animations
     - We use turbo repo to help manage and optimize our monorepo
         - ALWAYS remove unnecessary comments when refactoring
             - ALWAYS remove unused imports when refactoring or finishing a task

src/shared-components/organisms/FullScreenLoader/FullScreenLoader.tsx

@@ -2,6 +2,7 @@
 
 import React, { useState, useEffect } from 'react';
 import { createPortal } from 'react-dom';
+import { usePathname } from 'next/navigation';
 import { useLoading } from '@contexts/LoadingContext';
 import { SpinnerLoader } from '@shared-components/atoms/SpinnerLoader';
 import { OverlayContainer } from './FullScreenLoader.styles';
@@ -11,37 +12,49 @@ import { OverlayContainer } from './FullScreenLoader.styles';
  * 
  * Renders a full-screen loading overlay controlled by the LoadingContext.
  * Uses React Portal to attach directly to document.body.
+ * Conditionally disables itself on the /contact route.
  */
 export function FullScreenLoader() {
   // Get isLoading, loadingText, and spinnerType from context
   const { isLoading, loadingText, spinnerType } = useLoading();
   const [isMounted, setIsMounted] = useState(false);
+  const pathname = usePathname();
 
   useEffect(() => {
     // Ensure component is mounted on the client before attempting to portal
     setIsMounted(true);
   }, []);
 
-  // Don't render anything during SSR or if not loading
+  // Determine if the loader should be active
+  const shouldShowLoader = isLoading && pathname !== '/contact';
+
+  // Don't render anything during SSR or if not loading/on contact page
   if (!isMounted) {
     return null;
   }
 
+  // Conditionally render the portal based on shouldShowLoader
+  // The OverlayContainer itself can remain in the DOM for structure if needed,
+  // but we'll control visibility and content rendering based on shouldShowLoader.
+  // A simpler approach for now: only portal when needed.
+  if (!shouldShowLoader) {
+    return null; // Completely skip rendering if loader shouldn't be shown
+  }
+
   return createPortal(
-    <OverlayContainer 
-      data-visible={isLoading} 
-      aria-hidden={!isLoading} 
+    <OverlayContainer
+      data-visible={shouldShowLoader} // Use combined condition for visibility
+      aria-hidden={!shouldShowLoader}
       aria-live="assertive" // Announce changes to screen readers
       role="status" // Semantically identify as status update
     >
-      {/* We only render the spinner *contents* when isLoading is true, 
-          but the overlay is always in the DOM for smooth transitions */}
-      {isLoading && (
-        <SpinnerLoader 
+      {/* Render spinner only when shouldShowLoader is true */}
+      {shouldShowLoader && (
+        <SpinnerLoader
           // Use the spinnerType from context
-          type={spinnerType} 
+          type={spinnerType}
           color="#2196f3" // Consider theme variable
-          size={70} 
+          size={70}
           text={loadingText || undefined} // Pass text from context
         />
       )}