diff --git a/components/ImprovedCategoryFilter.jsx b/components/ImprovedCategoryFilter.jsx
index 872b40a..c09054b 100644
--- a/components/ImprovedCategoryFilter.jsx
+++ b/components/ImprovedCategoryFilter.jsx
@@ -1,3 +1,4 @@
+// components/ImprovedCategoryFilter.jsx
 import React from "react";
 import { motion } from "framer-motion";
 import { Button } from "@/components/ui/button";
@@ -13,31 +14,31 @@ export default function ImprovedCategoryFilter({
     { 
       id: 'all', 
       name: '🔥 All Fonts', 
-      description: 'Complete collection',
+      description: 'Complete collection of 60 styles',
       gradient: 'from-pink-500 to-purple-600'
     },
     { 
       id: 'modern', 
       name: '🔤 Modern', 
-      description: 'Clean & professional',
+      description: 'Clean & professional fonts',
       gradient: 'from-blue-500 to-indigo-600'
     },
     { 
       id: 'handwriting', 
       name: '✍️ Handwriting', 
-      description: 'Personal & casual',
+      description: 'Personal, casual and handwritten',
       gradient: 'from-green-500 to-emerald-600'
     },
     { 
       id: 'statement', 
       name: '🧑‍🎤 Statement', 
-      description: 'Bold & eye-catching',
+      description: 'Bold & attention-grabbing',
       gradient: 'from-red-500 to-pink-600'
     },
     { 
       id: 'futuristic', 
       name: '🚀 Futuristic', 
-      description: 'Tech & gaming',
+      description: 'Tech & gaming inspired',
       gradient: 'from-purple-500 to-violet-600'
     },
     { 
@@ -59,7 +60,7 @@ export default function ImprovedCategoryFilter({
       <div className="text-center mb-6">
         <h2 className="text-2xl font-bold text-white mb-2">Choose Your Style</h2>
         <p className="text-white/70 text-sm">
-          Browse fonts by category or view all {fontCounts.all} unique styles
+          Browse fonts by category or view all {fontCounts?.all ?? 60} unique styles
         </p>
       </div>
 
@@ -97,7 +98,7 @@ export default function ImprovedCategoryFilter({
                       : 'bg-white/10 text-white/80 border-white/20'
                   }`}
                 >
-                  {fontCounts[category.id] || 0} fonts
+                  {fontCounts?.[category.id] ?? 0} fonts
                 </Badge>
               </div>
             </Button>
@@ -114,7 +115,7 @@ export default function ImprovedCategoryFilter({
         >
           <div className="bg-white/10 backdrop-blur-sm rounded-lg p-3 inline-block">
             <p className="text-white/80 text-sm">
-              Showing <span className="font-semibold text-white">{fontCounts[selectedCategory]}</span> fonts 
+              Showing <span className="font-semibold text-white">{fontCounts?.[selectedCategory] ?? 0}</span> fonts 
               in <span className="font-semibold text-white">{categories.find(c => c.id === selectedCategory)?.name}</span> category
             </p>
           </div>
@@ -122,4 +123,4 @@ export default function ImprovedCategoryFilter({
       )}
     </motion.div>
   );
-}
\ No newline at end of file
+}
diff --git a/components/PerformanceOptimizedFontCard.jsx b/components/PerformanceOptimizedFontCard.jsx
index 24cba0a..5f28061 100644
--- a/components/PerformanceOptimizedFontCard.jsx
+++ b/components/PerformanceOptimizedFontCard.jsx
@@ -95,26 +95,16 @@ const PerformanceOptimizedFontCard = forwardRef(({
 
   const getFontStyle = useCallback((name) => {
     const baseStyle = { wordBreak: "break-word", lineHeight: "1.3", willChange: "auto" };
-    const fontMap = {
-      Montserrat: { fontFamily: "Montserrat, sans-serif", fontWeight: "500" },
-      'Bebas Neue': { fontFamily: '"Bebas Neue", cursive', fontWeight: "400", textTransform: "uppercase", letterSpacing: "0.05em" },
-      Oswald: { fontFamily: "Oswald, sans-serif", fontWeight: "500", textTransform: "uppercase" },
-      Raleway: { fontFamily: "Raleway, sans-serif", fontWeight: "400" },
-      Poppins: { fontFamily: "Poppins, sans-serif", fontWeight: "500" },
-      Inter: { fontFamily: "Inter, sans-serif", fontWeight: "400" },
-      Caveat: { fontFamily: "Caveat, cursive", fontWeight: "400" },
-      Pacifico: { fontFamily: "Pacifico, cursive", fontWeight: "400" },
-      'Dancing Script': { fontFamily: '"Dancing Script", cursive', fontWeight: "400" },
-      'Amatic SC': { fontFamily: '"Amatic SC", cursive', fontWeight: "400" },
-      Anton: { fontFamily: "Anton, sans-serif", fontWeight: "400", textTransform: "uppercase" },
-      'Luckiest Guy': { fontFamily: '"Luckiest Guy", cursive', fontWeight: "400", textTransform: "uppercase" },
-      'Fredoka One': { fontFamily: '"Fredoka One", cursive', fontWeight: "400" },
-      Bangers: { fontFamily: "Bangers, cursive", fontWeight: "400", textTransform: "uppercase" },
-      Orbitron: { fontFamily: "Orbitron, sans-serif", fontWeight: "400" },
-      'Press Start 2P': { fontFamily: '"Press Start 2P", cursive', fontWeight: "400", fontSize: "0.85em" },
-      'Playfair Display': { fontFamily: '"Playfair Display", serif', fontWeight: "400" }
-    };
-    return { ...baseStyle, ...(fontMap[name] || {}) };
+    const fontEntry = fontTransforms[name];
+    if (!fontEntry) return baseStyle;
+
+    const style = { ...baseStyle };
+    if (fontEntry.fontFamily) style.fontFamily = fontEntry.fontFamily;
+    if (fontEntry.fontWeight) style.fontWeight = fontEntry.fontWeight;
+    if (fontEntry.textTransform) style.textTransform = fontEntry.textTransform;
+    if (fontEntry.letterSpacing) style.letterSpacing = fontEntry.letterSpacing;
+    if (fontEntry.fontSize) style.fontSize = fontEntry.fontSize;
+    return style;
   }, []);
 
   const previewText = sStr(transformedText) || "Hallo Instagram!";
@@ -185,7 +175,7 @@ const PerformanceOptimizedFontCard = forwardRef(({
             {copied ? (
               <><Check className="w-4 h-4 mr-2" /> Copy! ✨</>
             ) : (
-              <><Copy className="w-4 h-4 mr-2" /> Copy! ✨ </>
+              <><Copy className="w-4 h-4 mr-2" /> Start Typing ✨ </>
             )}
           </Button>
         </div>
diff --git a/components/fontTransforms.jsx b/components/fontTransforms.jsx
index 7689e7e..47f4625 100644
--- a/components/fontTransforms.jsx
+++ b/components/fontTransforms.jsx
@@ -1,20 +1,18 @@
 // components/fontTransforms.jsx
-// Unicode-basiertes Font-Transformationsmapping für deine aktuelle Font-Liste
-// Nutzt verschiedene Unicode-Blöcke, damit beim Kopieren der "fancy" Stil erhalten bleibt.
 
-// 1) Definition der Unicode-Blöcke (Startpunkte)
+// 1) Unicode-Blöcke (Startpunkte)
 const unicodeBlocks = {
-  sansSerif:       { upperStart: 0x1D5A0, lowerStart: 0x1D5BA }, // Mathematical Sans-Serif
-  sansSerifBold:   { upperStart: 0x1D5D4, lowerStart: 0x1D5EE }, // Bold Sans-Serif
-  script:          { upperStart: 0x1D49C, lowerStart: 0x1D4B6 }, // Mathematical Script
-  scriptBold:      { upperStart: 0x1D4D0, lowerStart: 0x1D4EA }, // Bold Script
-  fraktur:         { upperStart: 0x1D504, lowerStart: 0x1D51E }, // Mathematical Fraktur
-  frakturBold:     { upperStart: 0x1D56C, lowerStart: 0x1D586 }, // Bold Fraktur
-  monospace:       { upperStart: 0x1D670, lowerStart: 0x1D68A }, // Mathematical Monospace
-  fullwidth:       { upperStart: 0xFF21,   lowerStart: 0xFF41 }  // Fullwidth Latin
+  sansSerif:       { upperStart: 0x1D5A0, lowerStart: 0x1D5BA },
+  sansSerifBold:   { upperStart: 0x1D5D4, lowerStart: 0x1D5EE },
+  script:          { upperStart: 0x1D49C, lowerStart: 0x1D4B6 },
+  scriptBold:      { upperStart: 0x1D4D0, lowerStart: 0x1D4EA },
+  fraktur:         { upperStart: 0x1D504, lowerStart: 0x1D51E },
+  frakturBold:     { upperStart: 0x1D56C, lowerStart: 0x1D586 },
+  monospace:       { upperStart: 0x1D670, lowerStart: 0x1D68A },
+  fullwidth:       { upperStart: 0xFF21,  lowerStart: 0xFF41 }
 };
 
-// 2) Helfer zum Mappen von A-Z und a-z in den jeweiligen Unicode-Block
+// 2) Unicode-Mapping-Helfer
 const mapUnicode = (char, block) => {
   const code = char.charCodeAt(0);
   if (code >= 65 && code <= 90) return String.fromCodePoint(block.upperStart + (code - 65));
@@ -23,64 +21,105 @@ const mapUnicode = (char, block) => {
 };
 
 const createTransform = (blockKey) => (text) =>
-  text
-    .split('')
-    .map((c) => mapUnicode(c, unicodeBlocks[blockKey]))
-    .join('');
+  text.split('').map((c) => mapUnicode(c, unicodeBlocks[blockKey])).join('');
 
-// 3) Font-Transformations für deine Liste
-export const fontTransforms = {
-  // 🔤 Modern – Clean & professional
-  Montserrat:       { transform: createTransform('sansSerifBold'), category: 'modern',     description: 'Montserrat – Sans-Serif Bold Unicode' },
-  Lato:             { transform: createTransform('sansSerif'),     category: 'modern',     description: 'Lato – Humanistischer Sans-Serif Unicode' },
-  Raleway:          { transform: createTransform('sansSerif'),     category: 'modern',     description: 'Raleway – Elegant Display Unicode' },
-  Poppins:          { transform: createTransform('sansSerif'),     category: 'modern',     description: 'Poppins – Rund & freundlich Unicode' },
-  'Open Sans':      { transform: createTransform('sansSerif'),     category: 'modern',     description: 'Open Sans – Vielseitig Unicode' },
-  Roboto:           { transform: createTransform('sansSerif'),     category: 'modern',     description: 'Roboto – Modernes Grotesk Unicode' },
-  'Work Sans':      { transform: createTransform('sansSerif'),     category: 'modern',     description: 'Work Sans – Tech & Clean Unicode' },
+// 3) Font-Transformationen
+export const fontTransforms = Object.fromEntries(
+  Object.entries({
+    // 🔤 Modern
+    Montserrat:       ['sansSerifBold', 'modern', 'Montserrat – Sans-Serif Bold Unicode'],
+    Lato:             ['sansSerif',     'modern', 'Lato – Humanistischer Sans-Serif Unicode'],
+    Raleway:          ['sansSerif',     'modern', 'Raleway – Elegant Display Unicode'],
+    Poppins:          ['sansSerif',     'modern', 'Poppins – Rund & freundlich Unicode'],
+    'Open Sans':      ['sansSerif',     'modern', 'Open Sans – Vielseitig Unicode'],
+    Roboto:           ['sansSerif',     'modern', 'Roboto – Modernes Grotesk Unicode'],
+    'Work Sans':      ['sansSerif',     'modern', 'Work Sans – Tech & Clean Unicode'],
+    'Noto Sans':      ['sansSerif',     'modern', 'Noto Sans – International Unicode'],
+    Jost:             ['sansSerif',     'modern', 'Jost – Geometrisch modern Unicode'],
+    Quicksand:        ['sansSerif',     'modern', 'Quicksand – Soft Rounded Unicode'],
+    'Averia Libre':   ['sansSerif',     'modern', 'Averia Libre – Experimentell Unicode'],
+    'Philosopher':    ['sansSerif',     'modern', 'Philosopher – Elegant Unicode'],
 
-  // ✍️ Handwriting – Personal & casual
-  Pacifico:         { transform: createTransform('scriptBold'),    category: 'handwriting', description: 'Pacifico – Lockerer Pinsel Bold Script Unicode' },
-  Sacramento:       { transform: createTransform('scriptBold'),    category: 'handwriting', description: 'Sacramento – Retro-Handlettering Bold Script Unicode' },
-  Caveat:           { transform: createTransform('scriptBold'),    category: 'handwriting', description: 'Caveat – Natural Handwriting Bold Script Unicode' },
-  'Dancing Script': { transform: createTransform('scriptBold'),    category: 'handwriting', description: 'Dancing Script – Lebhafte Kursive Bold Script Unicode' },
-  'Indie Flower':   { transform: createTransform('scriptBold'),    category: 'handwriting', description: 'Indie Flower – Verspieltes Bold Script Unicode' },
-  'Amatic SC':      { transform: createTransform('scriptBold'),    category: 'handwriting', description: 'Amatic SC – Skizzenartiges Bold Script Unicode' },
-  'Kaushan Script': { transform: createTransform('scriptBold'),    category: 'handwriting', description: 'Kaushan Script – Fettere Kursive Bold Script Unicode' },
+    // ✍️ Handwriting
+    Pacifico:         ['scriptBold',    'handwriting', 'Pacifico – Lockerer Pinsel Bold Script Unicode'],
+    Sacramento:       ['scriptBold',    'handwriting', 'Sacramento – Retro-Handlettering Bold Script Unicode'],
+    Caveat:           ['scriptBold',    'handwriting', 'Caveat – Natural Handwriting Bold Script Unicode'],
+    'Dancing Script': ['scriptBold',    'handwriting', 'Dancing Script – Lebhafte Kursive Bold Script Unicode'],
+    'Indie Flower':   ['scriptBold',    'handwriting', 'Indie Flower – Verspieltes Bold Script Unicode'],
+    'Amatic SC':      ['scriptBold',    'handwriting', 'Amatic SC – Skizzenartiges Bold Script Unicode'],
+    'Kaushan Script': ['scriptBold',    'handwriting', 'Kaushan Script – Fettere Kursive Bold Script Unicode'],
+    'Architects Daughter': ['scriptBold','handwriting', 'Architects Daughter – Skizzenhafte Handschrift Unicode'],
+    Neucha:           ['scriptBold',    'handwriting', 'Neucha – Persönlich und kantig Unicode'],
+    'Great Vibes':    ['scriptBold',    'handwriting', 'Great Vibes – Elegante Kalligraphie Unicode'],
+    Satisfy:          ['scriptBold',    'handwriting', 'Satisfy – Weiche Script Unicode'],
+    Yellowtail:       ['scriptBold',    'handwriting', 'Yellowtail – Vintage Script Unicode'],
+    'Gloria Hallelujah': ['scriptBold', 'handwriting', 'Gloria Hallelujah – Lebendige Handschrift Unicode'],
 
-  // 🧑‍🎤 Statement – Bold & eye-catching
-  Oswald:                     { transform: createTransform('sansSerifBold'), category: 'statement', description: 'Oswald – Bold Grotesk Unicode' },
-  'Bebas Neue':               { transform: createTransform('fullwidth'),   category: 'statement', description: 'Bebas Neue – Fullwidth Caps Unicode' },
-  Anton:                      { transform: createTransform('fullwidth'),   category: 'statement', description: 'Anton – Plakative Fullwidth Unicode' },
-  Ultra:                      { transform: createTransform('sansSerifBold'), category: 'statement', description: 'Ultra – Kompakte Bold Unicode' },
-  'Stint Ultra Condensed':    { transform: createTransform('sansSerifBold'), category: 'statement', description: 'Stint Ultra Condensed – Kompakte Bold Unicode' },
-  'Playfair Display':         { transform: createTransform('scriptBold'),   category: 'statement', description: 'Playfair Display – Elegante Bold Script Unicode' },
-  'Abril Fatface':            { transform: createTransform('scriptBold'),   category: 'statement', description: 'Abril Fatface – Fettere Bold Script Unicode' },
+    // 🧑‍🎤 Statement
+    Oswald:                     ['sansSerifBold', 'statement', 'Oswald – Bold Grotesk Unicode'],
+    'Bebas Neue':               ['fullwidth',     'statement', 'Bebas Neue – Fullwidth Caps Unicode'],
+    Anton:                      ['fullwidth',     'statement', 'Anton – Plakative Fullwidth Unicode'],
+    Ultra:                      ['sansSerifBold', 'statement', 'Ultra – Kompakte Bold Unicode'],
+    'Stint Ultra Condensed':    ['sansSerifBold', 'statement', 'Stint Ultra Condensed – Kompakte Bold Unicode'],
+    'Playfair Display':         ['scriptBold',    'statement', 'Playfair Display – Elegante Bold Script Unicode'],
+    'Abril Fatface':            ['scriptBold',    'statement', 'Abril Fatface – Fettere Bold Script Unicode'],
+    'Permanent Marker':         ['scriptBold',    'statement', 'Permanent Marker – Marker-Style Unicode'],
+    'Alfa Slab One':            ['fullwidth',     'statement', 'Alfa Slab One – Slab Serif Heavy Unicode'],
+    'Black Ops One':            ['fullwidth',     'statement', 'Black Ops One – Military Display Unicode'],
+    'Germania One':             ['frakturBold',   'statement', 'Germania One – Oldstyle Fraktur Unicode'],
+    'Holtwood One SC':          ['fullwidth',     'statement', 'Holtwood One SC – Klassisch Bold Small Caps Unicode'],
+    Courgette:                  ['scriptBold',    'statement', 'Courgette – Verspieltes Script Unicode'],
 
-  // 🚀 Futuristic – Tech & gaming
-  Exo:                        { transform: createTransform('sansSerif'),   category: 'futuristic', description: 'Exo – Tech Grotesk Unicode' },
-  Orbitron:                   { transform: createTransform('monospace'),   category: 'futuristic', description: 'Orbitron – Sci-Fi Monospace Unicode' },
-  Audiowide:                  { transform: createTransform('monospace'),   category: 'futuristic', description: 'Audiowide – Rundes Monospace Unicode' },
-  Rajdhani:                   { transform: createTransform('monospace'),   category: 'futuristic', description: 'Rajdhani – Digital Monospace Unicode' },
-  'Space Mono':               { transform: createTransform('monospace'),   category: 'futuristic', description: 'Space Mono – Tech Monospace Unicode' },
-  Questrial:                  { transform: createTransform('sansSerif'),   category: 'futuristic', description: 'Questrial – Clean Sans-Serif Unicode' },
+    // 🚀 Futuristic
+    Exo:                        ['sansSerif',     'futuristic', 'Exo – Tech Grotesk Unicode'],
+    Orbitron:                   ['monospace',     'futuristic', 'Orbitron – Sci-Fi Monospace Unicode'],
+    Audiowide:                  ['monospace',     'futuristic', 'Audiowide – Rundes Monospace Unicode'],
+    Rajdhani:                   ['monospace',     'futuristic', 'Rajdhani – Digital Monospace Unicode'],
+    'Space Mono':               ['monospace',     'futuristic', 'Space Mono – Tech Monospace Unicode'],
+    Questrial:                  ['sansSerif',     'futuristic', 'Questrial – Clean Sans-Serif Unicode'],
+    'Syncopate':                ['monospace',     'futuristic', 'Syncopate – Techno Unicode'],
+    'Unica One':                ['monospace',     'futuristic', 'Unica One – Monospace Mix Unicode'],
+    'Italiana':                 ['sansSerif',     'futuristic', 'Italiana – Futuristisch Serif Unicode'],
+    'Staatliches':              ['monospace',     'futuristic', 'Staatliches – Moderne Grotesk Unicode'],
 
-  // 🧢 Aesthetic – Retro & Instagram vibes
-  'Press Start 2P':           { transform: createTransform('monospace'),   category: 'aesthetic', description: 'Press Start 2P – Pixel Monospace Unicode' },
-  Righteous:                  { transform: createTransform('frakturBold'), category: 'aesthetic', description: 'Righteous – Stylische Bold Fraktur Unicode' },
-  'Metal Mania':              { transform: createTransform('scriptBold'),  category: 'aesthetic', description: 'Metal Mania – Fettere Script Unicode' }
-};
-
-// Hilfsfunktionen
-export const getPopularFonts = () => Object.keys(fontTransforms).slice(0, 10);
-export const getFontsByCategory = (category) => (
-  category === 'all'
-    ? Object.keys(fontTransforms)
-    : Object.keys(fontTransforms).filter(f => fontTransforms[f].category === category)
+    // 🧢 Aesthetic
+    'Press Start 2P':           ['monospace',     'aesthetic', 'Press Start 2P – Pixel Monospace Unicode'],
+    Righteous:                  ['frakturBold',   'aesthetic', 'Righteous – Stylische Bold Fraktur Unicode'],
+    'Metal Mania':              ['scriptBold',    'aesthetic', 'Metal Mania – Fettere Script Unicode'],
+    'Alegreya':                 ['frakturBold',   'aesthetic', 'Alegreya – Literatur Serif Unicode'],
+    'Spectral':                 ['frakturBold',   'aesthetic', 'Spectral – Editorial Serif Unicode'],
+    'Fjalla One':               ['sansSerifBold', 'aesthetic', 'Fjalla One – Headline Sans Unicode'],
+    'Glass Antiqua':            ['scriptBold',    'aesthetic', 'Glass Antiqua – Zarte Antiqua Script Unicode'],
+    'Cinzel Decorative':        ['scriptBold',    'aesthetic', 'Cinzel Decorative – Klassische Zier-Serif Unicode'],
+    'Andika':                   ['sansSerif',     'aesthetic', 'Andika – Leserlich Unicode'],
+    'Almendra':                 ['scriptBold',    'aesthetic', 'Almendra – Historische Handschrift Unicode'],
+  }).map(([name, [block, category, description]]) => [
+    name,
+    {
+      transform: createTransform(block),
+      category,
+      description,
+      className: `font-${name.toLowerCase().replace(/\s+/g, '')}`,
+    },
+  ])
 );
 
+// 🔝 Neue transformText-Funktion – gibt transformierten Text **und** Tailwind-Klasse zurück
 export const transformText = (text, fontName) => {
   const font = fontTransforms[fontName];
-  if (!font || !text) return text;
-  return font.transform(text);
+  if (!font || !text) return { transformed: text, fontClassName: '' };
+  return {
+    transformed: font.transform(text),
+    fontClassName: font.className,
+  };
 };
+
+// Weitere Helfer
+export const getPopularFonts = () => Object.keys(fontTransforms).slice(0, 10);
+
+export const getFontsByCategory = (category) =>
+  category === 'all'
+    ? Object.keys(fontTransforms)
+    : Object.keys(fontTransforms).filter(
+        (f) => fontTransforms[f].category === category
+      );
diff --git a/components/ui/FontCard.jsx b/components/ui/FontCard.jsx
index 2bb4c32..21cf50d 100644
--- a/components/ui/FontCard.jsx
+++ b/components/ui/FontCard.jsx
@@ -4,8 +4,9 @@ import { Card } from "@/components/ui/card";
 import { Button } from "@/components/ui/button";
 import { Badge } from "@/components/ui/badge";
 import { Copy, Check, Heart, Share2, Info } from "lucide-react";
-import { fontTransforms } from "../fontTransforms";
+import { transformText, fontTransforms } from "../fontTransforms";
 import { getFontData } from "@/lib/fonts";
+import fontMap from "@/lib/tailwind-font-map";
 
 export default function FontCard({
   fontName,
@@ -19,12 +20,20 @@ export default function FontCard({
 
   const fontInfo = fontTransforms[fontName];
   const fontData = getFontData(fontName);
-  const displayText = transformedText || "Hallo Instagram!";
+  const fontKey = fontName.toLowerCase().replace(/\s+/g, "");
+  const fontVarName = fontMap[fontKey];
+  const fontVar = fontVarName ? { fontFamily: `var(${fontVarName})` } : {};
+  const fontClass = fontData?.className || "";
+
+  const rawText = "Hallo Instagram!";
+  const transformed = transformText(rawText, fontName);
+  const finalText = transformed?.transformed || rawText;
+  const copyText = transformed?.transformed || rawText;
 
   const handleCopy = () => {
     if (navigator.clipboard && window.isSecureContext) {
       navigator.clipboard
-        .writeText(displayText)
+        .writeText(copyText)
         .then(() => flashCopied())
         .catch(() => fallbackCopy());
     } else {
@@ -39,7 +48,7 @@ export default function FontCard({
 
   const fallbackCopy = () => {
     const textarea = document.createElement("textarea");
-    textarea.value = displayText;
+    textarea.value = copyText;
     textarea.setAttribute("readonly", "");
     textarea.style.position = "fixed";
     textarea.style.top = "0";
@@ -69,7 +78,7 @@ export default function FontCard({
     try {
       await navigator.share({
         title: `FancyText – ${fontName}`,
-        text: displayText,
+        text: copyText,
         url: window.location.href,
       });
     } catch (err) {
@@ -124,10 +133,10 @@ export default function FontCard({
 
           <input
             type="text"
-            value={displayText}
+            value={finalText}
             readOnly
-            className={`${fontData.className} text-2xl md:text-3xl mb-6 p-4 bg-gray-50 rounded-xl text-center text-gray-800 min-h-[80px] w-full select-all border-0 focus:ring-0`}
-            style={{ lineHeight: "1.2" }}
+            className={`${fontClass} text-2xl md:text-3xl mb-6 p-4 bg-gray-50 rounded-xl text-center text-gray-800 min-h-[80px] w-full select-all border-0 focus:ring-0`}
+            style={{ ...fontVar, lineHeight: "1.2" }}
           />
 
           <Button
diff --git a/lib/fonts.js b/lib/fonts.js
index 9b5a1ee..9ca15f6 100644
--- a/lib/fonts.js
+++ b/lib/fonts.js
@@ -1,153 +1,324 @@
-// 1) Google‑Fonts Platzhalter
-export const inter = { className: "", variable: "--font-inter" };
-export const roboto = { className: "", variable: "--font-roboto" };
-export const openSans = { className: "", variable: "--font-opensans" };
-export const montserrat = { className: "", variable: "--font-montserrat" };
-export const raleway = { className: "", variable: "--font-raleway" };
-export const poppins = { className: "", variable: "--font-poppins" };
-export const manrope = { className: "", variable: "--font-manrope" };
-export const dmSans = { className: "", variable: "--font-dmsans" };
-export const plusJakartaSans = {
-  className: "",
-  variable: "--font-plusjakarta",
-};
-export const spaceGrotesk = { className: "", variable: "--font-spacegrotesk" };
+// lib/fonts.js
+import {
+  Montserrat,
+  Open_Sans,
+  Roboto,
+  Lato,
+  Raleway,
+  Poppins,
+  Work_Sans,
+  Jost,
+  Noto_Sans,
+  Quicksand,
+  Averia_Libre,
+  Philosopher,
+  Pacifico,
+  Caveat,
+  Sacramento,
+  Dancing_Script,
+  Indie_Flower,
+  Amatic_SC,
+  Kaushan_Script,
+  Architects_Daughter,
+  Neucha,
+  Great_Vibes,
+  Satisfy,
+  Yellowtail,
+  Gloria_Hallelujah,
+  Courgette,
+  Almendra,
+  Oswald,
+  Bebas_Neue,
+  Anton,
+  Ultra,
+  Stint_Ultra_Condensed,
+  Playfair_Display,
+  Abril_Fatface,
+  Permanent_Marker,
+  Alfa_Slab_One,
+  Black_Ops_One,
+  Germania_One,
+  Holtwood_One_SC,
+  Exo,
+  Orbitron,
+  Audiowide,
+  Rajdhani,
+  Space_Mono,
+  Questrial,
+  Syncopate,
+  Unica_One,
+  Italiana,
+  Staatliches,
+  Press_Start_2P,
+  Righteous,
+  Metal_Mania,
+  Alegreya,
+  Spectral,
+  Fjalla_One,
+  Glass_Antiqua,
+  Cinzel_Decorative,
+  Andika,
+} from "next/font/google";
 
-export const dancingScript = {
-  className: "",
+function createFont(fontFn, name) {
+  return {
+    ...fontFn,
+    className: `font-${name.toLowerCase().replace(/\s+/g, "")}`,
+  };
+}
+
+// 🔤 Modern Fonts
+const montserrat = Montserrat({
+  subsets: ["latin"],
+  variable: "--font-montserrat",
+});
+const opensans = Open_Sans({ subsets: ["latin"], variable: "--font-opensans" });
+const roboto = Roboto({ subsets: ["latin"], variable: "--font-roboto" });
+const lato = Lato({ subsets: ["latin"], variable: "--font-lato" });
+const raleway = Raleway({ subsets: ["latin"], variable: "--font-raleway" });
+const poppins = Poppins({ subsets: ["latin"], variable: "--font-poppins" });
+const worksans = Work_Sans({ subsets: ["latin"], variable: "--font-worksans" });
+const jost = Jost({ subsets: ["latin"], variable: "--font-jost" });
+const notosans = Noto_Sans({ subsets: ["latin"], variable: "--font-notosans" });
+const quicksand = Quicksand({
+  subsets: ["latin"],
+  variable: "--font-quicksand",
+});
+const averialibre = Averia_Libre({
+  subsets: ["latin"],
+  variable: "--font-averialibre",
+});
+const philosopher = Philosopher({
+  subsets: ["latin"],
+  variable: "--font-philosopher",
+});
+
+// ✍️ Handwriting
+const pacifico = Pacifico({ subsets: ["latin"], variable: "--font-pacifico" });
+const caveat = Caveat({ subsets: ["latin"], variable: "--font-caveat" });
+const sacramento = Sacramento({
+  subsets: ["latin"],
+  variable: "--font-sacramento",
+});
+const dancingscript = Dancing_Script({
+  subsets: ["latin"],
   variable: "--font-dancingscript",
-};
-export const pacifico = { className: "", variable: "--font-pacifico" };
-export const caveat = { className: "", variable: "--font-caveat" };
-export const indieFlower = { className: "", variable: "--font-indieflower" };
-export const greatVibes = { className: "", variable: "--font-greatvibes" };
-export const sacramento = { className: "", variable: "--font-sacramento" };
-export const alexBrush = { className: "", variable: "--font-alexbrush" };
-export const amaticSC = { className: "", variable: "--font-amaticsc" };
-export const marckScript = { className: "", variable: "--font-marckscript" };
-export const protestRevolution = {
-  className: "",
-  variable: "--font-protestrevolution",
-};
+});
+const indieflower = Indie_Flower({
+  subsets: ["latin"],
+  variable: "--font-indieflower",
+});
+const amaticsc = Amatic_SC({ subsets: ["latin"], variable: "--font-amatic" });
+const kaushanscript = Kaushan_Script({
+  subsets: ["latin"],
+  variable: "--font-kaushan",
+});
+const architectsdaughter = Architects_Daughter({
+  subsets: ["latin"],
+  variable: "--font-architects",
+});
+const neucha = Neucha({ subsets: ["latin"], variable: "--font-neucha" });
+const greatvibes = Great_Vibes({
+  subsets: ["latin"],
+  variable: "--font-greatvibes",
+});
+const satisfy = Satisfy({ subsets: ["latin"], variable: "--font-satisfy" });
+const yellowtail = Yellowtail({
+  subsets: ["latin"],
+  variable: "--font-yellowtail",
+});
+const gloriahallelujah = Gloria_Hallelujah({
+  subsets: ["latin"],
+  variable: "--font-gloria",
+});
+const courgette = Courgette({
+  subsets: ["latin"],
+  variable: "--font-courgette",
+});
+const almendra = Almendra({ subsets: ["latin"], variable: "--font-almendra" });
 
-export const anton = { className: "", variable: "--font-anton" };
-export const bebasNeue = { className: "", variable: "--font-bebasneue" };
-export const oswald = { className: "", variable: "--font-oswald" };
-export const bangers = { className: "", variable: "--font-bangers" };
-export const ultra = { className: "", variable: "--font-ultra" };
-export const abrilFatface = { className: "", variable: "--font-abrilfatface" };
-export const fjallaOne = { className: "", variable: "--font-fjallaone" };
-export const fredokaOne = { className: "", variable: "--font-fredokaone" };
-export const luckiestGuy = { className: "", variable: "--font-luckiestguy" };
-export const fugazOne = { className: "", variable: "--font-fugazone" };
-export const shrikhand = { className: "", variable: "--font-shrikhand" };
-export const chango = { className: "", variable: "--font-chango" };
-export const gravitasOne = { className: "", variable: "--font-gravitasone" };
-export const coiny = { className: "", variable: "--font-coiny" };
-export const quicksand = { className: "", variable: "--font-quicksand" };
+// 🧑‍🎤 Statement
+const oswald = Oswald({ subsets: ["latin"], variable: "--font-oswald" });
+const bebasneue = Bebas_Neue({
+  subsets: ["latin"],
+  variable: "--font-bebasneue",
+});
+const anton = Anton({
+  subsets: ["latin"],
+  weight: "400",
+  variable: "--font-anton",
+});
+const ultra = Ultra({ subsets: ["latin"], variable: "--font-ultra" });
+const stintultracondensed = Stint_Ultra_Condensed({
+  subsets: ["latin"],
+  variable: "--font-stint",
+});
+const playfair = Playfair_Display({
+  subsets: ["latin"],
+  variable: "--font-playfair",
+});
+const abril = Abril_Fatface({
+  subsets: ["latin"],
+  weight: "400",
+  variable: "--font-abril",
+});
+const permanentmarker = Permanent_Marker({
+  subsets: ["latin"],
+  weight: "400",
+  variable: "--font-permanentmarker",
+});
+const alfaslab = Alfa_Slab_One({
+  subsets: ["latin"],
+  weight: "400",
+  variable: "--font-alfaslab",
+});
+const blackops = Black_Ops_One({
+  subsets: ["latin"],
+  weight: "400",
+  variable: "--font-blackops",
+});
+const germania = Germania_One({
+  subsets: ["latin"],
+  weight: "400",
+  variable: "--font-germania",
+});
+const holtwood = Holtwood_One_SC({
+  subsets: ["latin"],
+  weight: "400",
+  variable: "--font-holtwood",
+});
 
-export const orbitron = { className: "", variable: "--font-orbitron" };
-export const zenDots = { className: "", variable: "--font-zendots" };
-export const audiowide = { className: "", variable: "--font-audiowide" };
-export const exo2 = { className: "", variable: "--font-exo2" };
-export const rajdhani = { className: "", variable: "--font-rajdhani" };
-export const syncopate = { className: "", variable: "--font-syncopate" };
-export const pressStart2p = { className: "", variable: "--font-pressstart2p" };
-export const shareTechMono = {
-  className: "",
-  variable: "--font-sharetechmono",
-};
+// 🚀 Futuristic
+const exo = Exo({ subsets: ["latin"], variable: "--font-exo" });
+const orbitron = Orbitron({
+  subsets: ["latin"],
+  weight: "400",
+  variable: "--font-orbitron",
+});
+const audiowide = Audiowide({
+  subsets: ["latin"],
+  weight: "400",
+  variable: "--font-audiowide",
+});
+const rajdhani = Rajdhani({ subsets: ["latin"], variable: "--font-rajdhani" });
+const spacemono = Space_Mono({
+  subsets: ["latin"],
+  variable: "--font-spacemono",
+});
+const questrial = Questrial({
+  subsets: ["latin"],
+  variable: "--font-questrial",
+});
+const syncopate = Syncopate({
+  subsets: ["latin"],
+  variable: "--font-syncopate",
+});
+const unicaone = Unica_One({ subsets: ["latin"], variable: "--font-unicaone" });
+const italiana = Italiana({ subsets: ["latin"], variable: "--font-italiana" });
+const staatliches = Staatliches({
+  subsets: ["latin"],
+  weight: "400",
+  variable: "--font-staatliches",
+});
 
-export const playfairDisplay = {
-  className: "",
-  variable: "--font-playfairdisplay",
-};
-export const cinzel = { className: "", variable: "--font-cinzel" };
-export const italiana = { className: "", variable: "--font-italiana" };
-export const youngSerif = { className: "", variable: "--font-youngserif" };
-export const caprasimo = { className: "", variable: "--font-caprasimo" };
-export const righteous = { className: "", variable: "--font-righteous" };
-export const luxuriousRoman = {
-  className: "",
-  variable: "--font-luxuriousroman",
-};
+// 🧢 Aesthetic
+const pressstart2p = Press_Start_2P({
+  subsets: ["latin"],
+  variable: "--font-pressstart2p",
+});
+const righteous = Righteous({
+  subsets: ["latin"],
+  weight: "400",
+  variable: "--font-righteous",
+});
+const metalmania = Metal_Mania({
+  subsets: ["latin"],
+  weight: "400",
+  variable: "--font-metalmania",
+});
+const alegreya = Alegreya({ subsets: ["latin"], variable: "--font-alegreya" });
+const spectral = Spectral({ subsets: ["latin"], variable: "--font-spectral" });
+const fjallaone = Fjalla_One({
+  subsets: ["latin"],
+  variable: "--font-fjallaone",
+});
+const glassantiqua = Glass_Antiqua({
+  subsets: ["latin"],
+  variable: "--font-glassantiqua",
+});
+const cinzeldecorative = Cinzel_Decorative({
+  subsets: ["latin"],
+  variable: "--font-cinzeldecorative",
+});
+const andika = Andika({
+  subsets: ["latin"],
+  weight: "400",
+  variable: "--font-andika",
+});
 
-export const vt323 = { className: "", variable: "--font-vt323" };
-export const neonderthaw = { className: "", variable: "--font-neonderthaw" };
-
-// 2) System‑Fonts
-export const systemFonts = {
-  helvetica: { className: "font-helvetica", variable: "--font-helvetica" },
-  arial: { className: "font-arial", variable: "--font-arial" },
-  comicSans: { className: "font-comicsans", variable: "--font-comicsans" },
-};
-
-// 3) Pseudo‑Fonts
-export const pseudoFonts = {
-  bubble: { className: "", variable: "--font-bubble" },
-  glitch: { className: "", variable: "--font-glitch" },
-  wide: { className: "", variable: "--font-wide" },
-  upsideDown: { className: "", variable: "--font-upsidedown" },
-  strikethrough: { className: "", variable: "--font-strikethrough" },
-  underline: { className: "", variable: "--font-underline" },
-};
-
-// Zusammenfassung aller Fonts
 export const fonts = {
-  Inter: inter,
-  Roboto: roboto,
-  Open_Sans: openSans,
-  Montserrat: montserrat,
-  Raleway: raleway,
-  Poppins: poppins,
-  Manrope: manrope,
-  DM_Sans: dmSans,
-  Plus_Jakarta_Sans: plusJakartaSans,
-  Space_Grotesk: spaceGrotesk,
-  Dancing_Script: dancingScript,
-  Pacifico: pacifico,
-  Caveat: caveat,
-  Indie_Flower: indieFlower,
-  Great_Vibes: greatVibes,
-  Sacramento: sacramento,
-  Alex_Brush: alexBrush,
-  Amatic_SC: amaticSC,
-  Marck_Script: marckScript,
-  Protest_Revolution: protestRevolution,
-  Anton: anton,
-  Bebas_Neue: bebasNeue,
-  Oswald: oswald,
-  Bangers: bangers,
-  Ultra: ultra,
-  Abril_Fatface: abrilFatface,
-  Fjalla_One: fjallaOne,
-  Fredoka_One: fredokaOne,
-  Luckiest_Guy: luckiestGuy,
-  Fugaz_One: fugazOne,
-  Shrikhand: shrikhand,
-  Chango: chango,
-  Gravitas_One: gravitasOne,
-  Coiny: coiny,
-  Quicksand: quicksand,
-  Orbitron: orbitron,
-  Zen_Dots: zenDots,
-  Audiowide: audiowide,
-  Exo_2: exo2,
-  Rajdhani: rajdhani,
-  Syncopate: syncopate,
-  Press_Start_2P: pressStart2p,
-  Share_Tech_Mono: shareTechMono,
-  Playfair_Display: playfairDisplay,
-  Cinzel: cinzel,
-  Italiana: italiana,
-  Young_Serif: youngSerif,
-  Caprasimo: caprasimo,
-  Righteous: righteous,
-  Luxurious_Roman: luxuriousRoman,
-  VT323: vt323,
-  Neonderthaw: neonderthaw,
-  ...systemFonts,
-  ...pseudoFonts,
+  Montserrat: createFont(montserrat, "montserrat"),
+  "Open Sans": createFont(opensans, "opensans"),
+  Roboto: createFont(roboto, "roboto"),
+  Lato: createFont(lato, "lato"),
+  Raleway: createFont(raleway, "raleway"),
+  Poppins: createFont(poppins, "poppins"),
+  "Work Sans": createFont(worksans, "worksans"),
+  Jost: createFont(jost, "jost"),
+  "Noto Sans": createFont(notosans, "notosans"),
+  Quicksand: createFont(quicksand, "quicksand"),
+  "Averia Libre": createFont(averialibre, "averialibre"),
+  Philosopher: createFont(philosopher, "philosopher"),
+
+  Pacifico: createFont(pacifico, "pacifico"),
+  Caveat: createFont(caveat, "caveat"),
+  Sacramento: createFont(sacramento, "sacramento"),
+  "Dancing Script": createFont(dancingscript, "dancingscript"),
+  "Indie Flower": createFont(indieflower, "indieflower"),
+  "Amatic SC": createFont(amaticsc, "amatic"),
+  "Kaushan Script": createFont(kaushanscript, "kaushan"),
+  "Architects Daughter": createFont(architectsdaughter, "architects"),
+  Neucha: createFont(neucha, "neucha"),
+  "Great Vibes": createFont(greatvibes, "greatvibes"),
+  Satisfy: createFont(satisfy, "satisfy"),
+  Yellowtail: createFont(yellowtail, "yellowtail"),
+  "Gloria Hallelujah": createFont(gloriahallelujah, "gloria"),
+  Courgette: createFont(courgette, "courgette"),
+  Almendra: createFont(almendra, "almendra"),
+
+  Oswald: createFont(oswald, "oswald"),
+  "Bebas Neue": createFont(bebasneue, "bebasneue"),
+  Anton: createFont(anton, "anton"),
+  Ultra: createFont(ultra, "ultra"),
+  "Stint Ultra Condensed": createFont(stintultracondensed, "stint"),
+  "Playfair Display": createFont(playfair, "playfair"),
+  "Abril Fatface": createFont(abril, "abril"),
+  "Permanent Marker": createFont(permanentmarker, "permanentmarker"),
+  "Alfa Slab One": createFont(alfaslab, "alfaslab"),
+  "Black Ops One": createFont(blackops, "blackops"),
+  "Germania One": createFont(germania, "germania"),
+  "Holtwood One SC": createFont(holtwood, "holtwood"),
+
+  Exo: createFont(exo, "exo"),
+  Orbitron: createFont(orbitron, "orbitron"),
+  Audiowide: createFont(audiowide, "audiowide"),
+  Rajdhani: createFont(rajdhani, "rajdhani"),
+  "Space Mono": createFont(spacemono, "spacemono"),
+  Questrial: createFont(questrial, "questrial"),
+  Syncopate: createFont(syncopate, "syncopate"),
+  "Unica One": createFont(unicaone, "unicaone"),
+  Italiana: createFont(italiana, "italiana"),
+  Staatliches: createFont(staatliches, "staatliches"),
+
+  "Press Start 2P": createFont(pressstart2p, "pressstart2p"),
+  Righteous: createFont(righteous, "righteous"),
+  "Metal Mania": createFont(metalmania, "metalmania"),
+  Alegreya: createFont(alegreya, "alegreya"),
+  Spectral: createFont(spectral, "spectral"),
+  "Fjalla One": createFont(fjallaone, "fjallaone"),
+  "Glass Antiqua": createFont(glassantiqua, "glassantiqua"),
+  "Cinzel Decorative": createFont(cinzeldecorative, "cinzeldecorative"),
+  Andika: createFont(andika, "andika"),
 };
 
-export const getFontData = (key) => fonts[key] ?? inter;
+export const getFontData = (key) => fonts[key] ?? fonts["Anton"];
diff --git a/lib/tailwind‑font‑map.js b/lib/tailwind‑font‑map.js
index c3517d1..cd4a739 100644
--- a/lib/tailwind‑font‑map.js
+++ b/lib/tailwind‑font‑map.js
@@ -1,14 +1,69 @@
 /**
  * Enthält **nur** die CSS‑Variablen‑Namen, die next/font im Browser setzt.
- * In fonts.js werden sie erzeugt, hier referenzieren wir sie nur.
+ * In fonts.js oder per @font-face werden sie erzeugt – hier referenzieren wir sie.
  */
+
 export default {
   montserrat: "--font-montserrat",
-  bebasneue: "--font-bebasneue",
+  lato: "--font-lato",
+  raleway: "--font-raleway",
+  poppins: "--font-poppins",
+  opensans: "--font-opensans",
+  roboto: "--font-roboto",
+  worksans: "--font-worksans",
+  notosans: "--font-notosans",
+  jost: "--font-jost",
+  quicksand: "--font-quicksand",
+  averialibre: "--font-averialibre",
+  philosopher: "--font-philosopher",
+
   pacifico: "--font-pacifico",
+  sacramento: "--font-sacramento",
   caveat: "--font-caveat",
-  fredokaone: "--font-fredokaone",
-  playfair: "--font-playfair",
-  vt323: "--font-vt323",
-  // … alle weiteren Fonts, die du brauchst
+  dancingscript: "--font-dancingscript",
+  indieflower: "--font-indieflower",
+  amaticsc: "--font-amatic",
+  kaushanscript: "--font-kaushan",
+  architectsdaughter: "--font-architects",
+  neucha: "--font-neucha",
+  greatvibes: "--font-greatvibes",
+  satisfy: "--font-satisfy",
+  yellowtail: "--font-yellowtail",
+  gloriahallelujah: "--font-gloria",
+
+  oswald: "--font-oswald",
+  bebasneue: "--font-bebasneue",
+  anton: "--font-anton",
+  ultra: "--font-ultra",
+  stintultracondensed: "--font-stint",
+  playfairdisplay: "--font-playfair",
+  abrilfatface: "--font-abril",
+  permanentmarker: "--font-permanentmarker",
+  alfaslabone: "--font-alfaslab",
+  blackopsone: "--font-blackops",
+  germaniaone: "--font-germania",
+  holtwoodonesc: "--font-holtwood",
+  courgette: "--font-courgette",
+
+  exo: "--font-exo",
+  orbitron: "--font-orbitron",
+  audiowide: "--font-audiowide",
+  rajdhani: "--font-rajdhani",
+  spacemono: "--font-spacemono",
+  questrial: "--font-questrial",
+  syncopate: "--font-syncopate",
+  unicaone: "--font-unicaone",
+  italiana: "--font-italiana",
+  staatliches: "--font-staatliches",
+
+  pressstart2p: "--font-pressstart2p",
+  righteous: "--font-righteous",
+  metalmania: "--font-metalmania",
+  alegreya: "--font-alegreya",
+  spectral: "--font-spectral",
+  fjallaone: "--font-fjallaone",
+  glassantiqua: "--font-glassantiqua",
+  cinzeldecorative: "--font-cinzeldecorative",
+  andika: "--font-andika",
+  almendra: "--font-almendra",
 };
diff --git a/next.config.js b/next.config.js
index a313d5f..584738b 100644
--- a/next.config.js
+++ b/next.config.js
@@ -1,9 +1,15 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
-  // Deine sonstigen Next‑Optionen, z.B.:
-  // reactStrictMode: true,
-  // images: { domains: [...] },
-  // rewrites: async () => [ ... ],
+  experimental: {
+    fontLoaders: [
+      {
+        loader: "@next/font/google",
+        options: {
+          subsets: ["latin"],
+        },
+      },
+    ],
+  },
 };
 
 module.exports = nextConfig;
diff --git a/package-lock.json b/package-lock.json
index fb35ba8..37b8806 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -111,19 +111,6 @@
         "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0"
       }
     },
-    "node_modules/@eslint-community/eslint-utils/node_modules/eslint-visitor-keys": {
-      "version": "3.4.3",
-      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
-      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
-    },
     "node_modules/@eslint-community/regexpp": {
       "version": "4.12.1",
       "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.12.1.tgz",
@@ -158,30 +145,6 @@
         "url": "https://opencollective.com/eslint"
       }
     },
-    "node_modules/@eslint/eslintrc/node_modules/brace-expansion": {
-      "version": "1.1.12",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
-      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "balanced-match": "^1.0.0",
-        "concat-map": "0.0.1"
-      }
-    },
-    "node_modules/@eslint/eslintrc/node_modules/minimatch": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
-      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "brace-expansion": "^1.1.7"
-      },
-      "engines": {
-        "node": "*"
-      }
-    },
     "node_modules/@eslint/js": {
       "version": "8.57.1",
       "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.57.1.tgz",
@@ -202,19 +165,19 @@
       }
     },
     "node_modules/@floating-ui/dom": {
-      "version": "1.7.2",
-      "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.7.2.tgz",
-      "integrity": "sha512-7cfaOQuCS27HD7DX+6ib2OrnW+b4ZBwDNnCcT0uTyidcmyWb03FnQqJybDBoCnpdxwBSfA94UAYlRCt7mV+TbA==",
+      "version": "1.7.3",
+      "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.7.3.tgz",
+      "integrity": "sha512-uZA413QEpNuhtb3/iIKoYMSK07keHPYeXF02Zhd6e213j+d1NamLix/mCLxBUDW/Gx52sPH2m+chlUsyaBs/Ag==",
       "license": "MIT",
       "dependencies": {
-        "@floating-ui/core": "^1.7.2",
+        "@floating-ui/core": "^1.7.3",
         "@floating-ui/utils": "^0.2.10"
       }
     },
     "node_modules/@floating-ui/dom/node_modules/@floating-ui/core": {
-      "version": "1.7.2",
-      "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.7.2.tgz",
-      "integrity": "sha512-wNB5ooIKHQc+Kui96jE/n69rHFWAVoxn5CAzL1Xdd8FG03cgY3MLO+GF9U3W737fYDSgPWA6MReKhBQBop6Pcw==",
+      "version": "1.7.3",
+      "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.7.3.tgz",
+      "integrity": "sha512-sGnvb5dmrJaKEZ+LDIpguvdX3bDlEllmv4/ClQ9awcmCZrlx5jQyyMWFM5kBI+EyNOCDDiKk8il0zeuX3Zlg/w==",
       "license": "MIT",
       "dependencies": {
         "@floating-ui/utils": "^0.2.10"
@@ -236,12 +199,12 @@
       }
     },
     "node_modules/@floating-ui/react-dom": {
-      "version": "2.1.4",
-      "resolved": "https://registry.npmjs.org/@floating-ui/react-dom/-/react-dom-2.1.4.tgz",
-      "integrity": "sha512-JbbpPhp38UmXDDAu60RJmbeme37Jbgsm7NrHGgzYYFKmblzRUh6Pa641dII6LsjwF4XlScDrde2UAzDo/b9KPw==",
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/@floating-ui/react-dom/-/react-dom-2.1.5.tgz",
+      "integrity": "sha512-HDO/1/1oH9fjj4eLgegrlH3dklZpHtUYYFiVwMUwfGvk9jWDRWqkklA2/NFScknrcNSspbV868WjXORvreDX+Q==",
       "license": "MIT",
       "dependencies": {
-        "@floating-ui/dom": "^1.7.2"
+        "@floating-ui/dom": "^1.7.3"
       },
       "peerDependencies": {
         "react": ">=16.8.0",
@@ -270,30 +233,6 @@
         "node": ">=10.10.0"
       }
     },
-    "node_modules/@humanwhocodes/config-array/node_modules/brace-expansion": {
-      "version": "1.1.12",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
-      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "balanced-match": "^1.0.0",
-        "concat-map": "0.0.1"
-      }
-    },
-    "node_modules/@humanwhocodes/config-array/node_modules/minimatch": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
-      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "brace-expansion": "^1.1.7"
-      },
-      "engines": {
-        "node": "*"
-      }
-    },
     "node_modules/@humanwhocodes/module-importer": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
@@ -339,6 +278,33 @@
         "node": ">=12"
       }
     },
+    "node_modules/@isaacs/cliui/node_modules/ansi-regex": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.1.0.tgz",
+      "integrity": "sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+      }
+    },
+    "node_modules/@isaacs/cliui/node_modules/strip-ansi": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
+      "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
+      }
+    },
     "node_modules/@jridgewell/gen-mapping": {
       "version": "0.3.12",
       "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.12.tgz",
@@ -388,67 +354,25 @@
       }
     },
     "node_modules/@next/env": {
-      "version": "14.2.30",
-      "resolved": "https://registry.npmjs.org/@next/env/-/env-14.2.30.tgz",
-      "integrity": "sha512-KBiBKrDY6kxTQWGzKjQB7QirL3PiiOkV7KW98leHFjtVRKtft76Ra5qSA/SL75xT44dp6hOcqiiJ6iievLOYug==",
+      "version": "14.2.31",
+      "resolved": "https://registry.npmjs.org/@next/env/-/env-14.2.31.tgz",
+      "integrity": "sha512-X8VxxYL6VuezrG82h0pUA1V+DuTSJp7Nv15bxq3ivrFqZLjx81rfeHMWOE9T0jm1n3DtHGv8gdn6B0T0kr0D3Q==",
       "license": "MIT"
     },
     "node_modules/@next/eslint-plugin-next": {
-      "version": "14.2.30",
-      "resolved": "https://registry.npmjs.org/@next/eslint-plugin-next/-/eslint-plugin-next-14.2.30.tgz",
-      "integrity": "sha512-mvVsMIutMxQ4NGZEMZ1kiBNc+la8Xmlk30bKUmCPQz2eFkmsLv54Mha8QZarMaCtSPkkFA1TMD+FIZk0l/PpzA==",
+      "version": "14.2.31",
+      "resolved": "https://registry.npmjs.org/@next/eslint-plugin-next/-/eslint-plugin-next-14.2.31.tgz",
+      "integrity": "sha512-ouaB+l8Cr/uzGxoGHUvd01OnfFTM8qM81Crw1AG0xoWDRN0DKLXyTWVe0FdAOHVBpGuXB87aufdRmrwzZDArIw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "glob": "10.3.10"
       }
     },
-    "node_modules/@next/eslint-plugin-next/node_modules/glob": {
-      "version": "10.3.10",
-      "resolved": "https://registry.npmjs.org/glob/-/glob-10.3.10.tgz",
-      "integrity": "sha512-fa46+tv1Ak0UPK1TOy/pZrIybNNt4HCv7SDzwyfiOZkvZLEbjsZkJBPtDHVshZjbecAoAGSC20MjLDG/qr679g==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "foreground-child": "^3.1.0",
-        "jackspeak": "^2.3.5",
-        "minimatch": "^9.0.1",
-        "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0",
-        "path-scurry": "^1.10.1"
-      },
-      "bin": {
-        "glob": "dist/esm/bin.mjs"
-      },
-      "engines": {
-        "node": ">=16 || 14 >=14.17"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/@next/eslint-plugin-next/node_modules/jackspeak": {
-      "version": "2.3.6",
-      "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-2.3.6.tgz",
-      "integrity": "sha512-N3yCS/NegsOBokc8GAdM8UcmfsKiSS8cipheD/nivzr700H+nsMOxJjQnvwOcRYVuFkdH0wGUvW2WbXGmrZGbQ==",
-      "dev": true,
-      "license": "BlueOak-1.0.0",
-      "dependencies": {
-        "@isaacs/cliui": "^8.0.2"
-      },
-      "engines": {
-        "node": ">=14"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      },
-      "optionalDependencies": {
-        "@pkgjs/parseargs": "^0.11.0"
-      }
-    },
     "node_modules/@next/swc-darwin-arm64": {
-      "version": "14.2.30",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-14.2.30.tgz",
-      "integrity": "sha512-EAqfOTb3bTGh9+ewpO/jC59uACadRHM6TSA9DdxJB/6gxOpyV+zrbqeXiFTDy9uV6bmipFDkfpAskeaDcO+7/g==",
+      "version": "14.2.31",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-14.2.31.tgz",
+      "integrity": "sha512-dTHKfaFO/xMJ3kzhXYgf64VtV6MMwDs2viedDOdP+ezd0zWMOQZkxcwOfdcQeQCpouTr9b+xOqMCUXxgLizl8Q==",
       "cpu": [
         "arm64"
       ],
@@ -462,9 +386,9 @@
       }
     },
     "node_modules/@next/swc-darwin-x64": {
-      "version": "14.2.30",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-14.2.30.tgz",
-      "integrity": "sha512-TyO7Wz1IKE2kGv8dwQ0bmPL3s44EKVencOqwIY69myoS3rdpO1NPg5xPM5ymKu7nfX4oYJrpMxv8G9iqLsnL4A==",
+      "version": "14.2.31",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-14.2.31.tgz",
+      "integrity": "sha512-iSavebQgeMukUAfjfW8Fi2Iz01t95yxRl2w2wCzjD91h5In9la99QIDKcKSYPfqLjCgwz3JpIWxLG6LM/sxL4g==",
       "cpu": [
         "x64"
       ],
@@ -478,9 +402,9 @@
       }
     },
     "node_modules/@next/swc-linux-arm64-gnu": {
-      "version": "14.2.30",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-14.2.30.tgz",
-      "integrity": "sha512-I5lg1fgPJ7I5dk6mr3qCH1hJYKJu1FsfKSiTKoYwcuUf53HWTrEkwmMI0t5ojFKeA6Vu+SfT2zVy5NS0QLXV4Q==",
+      "version": "14.2.31",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-14.2.31.tgz",
+      "integrity": "sha512-XJb3/LURg1u1SdQoopG6jDL2otxGKChH2UYnUTcby4izjM0il7ylBY5TIA7myhvHj9lG5pn9F2nR2s3i8X9awQ==",
       "cpu": [
         "arm64"
       ],
@@ -494,9 +418,9 @@
       }
     },
     "node_modules/@next/swc-linux-arm64-musl": {
-      "version": "14.2.30",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-14.2.30.tgz",
-      "integrity": "sha512-8GkNA+sLclQyxgzCDs2/2GSwBc92QLMrmYAmoP2xehe5MUKBLB2cgo34Yu242L1siSkwQkiV4YLdCnjwc/Micw==",
+      "version": "14.2.31",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-14.2.31.tgz",
+      "integrity": "sha512-IInDAcchNCu3BzocdqdCv1bKCmUVO/bKJHnBFTeq3svfaWpOPewaLJ2Lu3GL4yV76c/86ZvpBbG/JJ1lVIs5MA==",
       "cpu": [
         "arm64"
       ],
@@ -510,9 +434,9 @@
       }
     },
     "node_modules/@next/swc-linux-x64-gnu": {
-      "version": "14.2.30",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-14.2.30.tgz",
-      "integrity": "sha512-8Ly7okjssLuBoe8qaRCcjGtcMsv79hwzn/63wNeIkzJVFVX06h5S737XNr7DZwlsbTBDOyI6qbL2BJB5n6TV/w==",
+      "version": "14.2.31",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-14.2.31.tgz",
+      "integrity": "sha512-YTChJL5/9e4NXPKW+OJzsQa42RiWUNbE+k+ReHvA+lwXk+bvzTsVQboNcezWOuCD+p/J+ntxKOB/81o0MenBhw==",
       "cpu": [
         "x64"
       ],
@@ -526,9 +450,9 @@
       }
     },
     "node_modules/@next/swc-linux-x64-musl": {
-      "version": "14.2.30",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-14.2.30.tgz",
-      "integrity": "sha512-dBmV1lLNeX4mR7uI7KNVHsGQU+OgTG5RGFPi3tBJpsKPvOPtg9poyav/BYWrB3GPQL4dW5YGGgalwZ79WukbKQ==",
+      "version": "14.2.31",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-14.2.31.tgz",
+      "integrity": "sha512-A0JmD1y4q/9ufOGEAhoa60Sof++X10PEoiWOH0gZ2isufWZeV03NnyRlRmJpRQWGIbRkJUmBo9I3Qz5C10vx4w==",
       "cpu": [
         "x64"
       ],
@@ -542,9 +466,9 @@
       }
     },
     "node_modules/@next/swc-win32-arm64-msvc": {
-      "version": "14.2.30",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-14.2.30.tgz",
-      "integrity": "sha512-6MMHi2Qc1Gkq+4YLXAgbYslE1f9zMGBikKMdmQRHXjkGPot1JY3n5/Qrbg40Uvbi8//wYnydPnyvNhI1DMUW1g==",
+      "version": "14.2.31",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-14.2.31.tgz",
+      "integrity": "sha512-nowJ5GbMeDOMzbTm29YqrdrD6lTM8qn2wnZfGpYMY7SZODYYpaJHH1FJXE1l1zWICHR+WfIMytlTDBHu10jb8A==",
       "cpu": [
         "arm64"
       ],
@@ -558,9 +482,9 @@
       }
     },
     "node_modules/@next/swc-win32-ia32-msvc": {
-      "version": "14.2.30",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-14.2.30.tgz",
-      "integrity": "sha512-pVZMnFok5qEX4RT59mK2hEVtJX+XFfak+/rjHpyFh7juiT52r177bfFKhnlafm0UOSldhXjj32b+LZIOdswGTg==",
+      "version": "14.2.31",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-14.2.31.tgz",
+      "integrity": "sha512-pk9Bu4K0015anTS1OS9d/SpS0UtRObC+xe93fwnm7Gvqbv/W1ZbzhK4nvc96RURIQOux3P/bBH316xz8wjGSsA==",
       "cpu": [
         "ia32"
       ],
@@ -574,9 +498,9 @@
       }
     },
     "node_modules/@next/swc-win32-x64-msvc": {
-      "version": "14.2.30",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-14.2.30.tgz",
-      "integrity": "sha512-4KCo8hMZXMjpTzs3HOqOGYYwAXymXIy7PEPAXNEcEOyKqkjiDlECumrWziy+JEF0Oi4ILHGxzgQ3YiMGG2t/Lg==",
+      "version": "14.2.31",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-14.2.31.tgz",
+      "integrity": "sha512-LwFZd4JFnMHGceItR9+jtlMm8lGLU/IPkgjBBgYmdYSfalbHCiDpjMYtgDQ2wtwiAOSJOCyFI4m8PikrsDyA6Q==",
       "cpu": [
         "x64"
       ],
@@ -700,18 +624,6 @@
         }
       }
     },
-    "node_modules/@rollup/pluginutils/node_modules/picomatch": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
-      "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/jonschlinkert"
-      }
-    },
     "node_modules/@rtsao/scc": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@rtsao/scc/-/scc-1.1.0.tgz",
@@ -802,38 +714,6 @@
         "typescript": ">=4.8.4 <5.9.0"
       }
     },
-    "node_modules/@typescript-eslint/eslint-plugin/node_modules/@typescript-eslint/types": {
-      "version": "8.38.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.38.0.tgz",
-      "integrity": "sha512-wzkUfX3plUqij4YwWaJyqhiPE5UCRVlFpKn1oCRn2O1bJ592XxWJj8ROQ3JD5MYXLORW84063z3tZTb/cs4Tyw==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      }
-    },
-    "node_modules/@typescript-eslint/eslint-plugin/node_modules/@typescript-eslint/visitor-keys": {
-      "version": "8.38.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.38.0.tgz",
-      "integrity": "sha512-pWrTcoFNWuwHlA9CvlfSsGWs14JxfN1TH25zM5L7o0pRLhsoZkDnTsXfQRJBEWJoV5DL0jf+Z+sxiud+K0mq1g==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@typescript-eslint/types": "8.38.0",
-        "eslint-visitor-keys": "^4.2.1"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      }
-    },
     "node_modules/@typescript-eslint/eslint-plugin/node_modules/ignore": {
       "version": "7.0.5",
       "resolved": "https://registry.npmjs.org/ignore/-/ignore-7.0.5.tgz",
@@ -869,67 +749,6 @@
         "typescript": ">=4.8.4 <5.9.0"
       }
     },
-    "node_modules/@typescript-eslint/parser/node_modules/@typescript-eslint/types": {
-      "version": "8.38.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.38.0.tgz",
-      "integrity": "sha512-wzkUfX3plUqij4YwWaJyqhiPE5UCRVlFpKn1oCRn2O1bJ592XxWJj8ROQ3JD5MYXLORW84063z3tZTb/cs4Tyw==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      }
-    },
-    "node_modules/@typescript-eslint/parser/node_modules/@typescript-eslint/typescript-estree": {
-      "version": "8.38.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.38.0.tgz",
-      "integrity": "sha512-fooELKcAKzxux6fA6pxOflpNS0jc+nOQEEOipXFNjSlBS6fqrJOVY/whSn70SScHrcJ2LDsxWrneFoWYSVfqhQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@typescript-eslint/project-service": "8.38.0",
-        "@typescript-eslint/tsconfig-utils": "8.38.0",
-        "@typescript-eslint/types": "8.38.0",
-        "@typescript-eslint/visitor-keys": "8.38.0",
-        "debug": "^4.3.4",
-        "fast-glob": "^3.3.2",
-        "is-glob": "^4.0.3",
-        "minimatch": "^9.0.4",
-        "semver": "^7.6.0",
-        "ts-api-utils": "^2.1.0"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "typescript": ">=4.8.4 <5.9.0"
-      }
-    },
-    "node_modules/@typescript-eslint/parser/node_modules/@typescript-eslint/visitor-keys": {
-      "version": "8.38.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.38.0.tgz",
-      "integrity": "sha512-pWrTcoFNWuwHlA9CvlfSsGWs14JxfN1TH25zM5L7o0pRLhsoZkDnTsXfQRJBEWJoV5DL0jf+Z+sxiud+K0mq1g==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@typescript-eslint/types": "8.38.0",
-        "eslint-visitor-keys": "^4.2.1"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      }
-    },
     "node_modules/@typescript-eslint/project-service": {
       "version": "8.38.0",
       "resolved": "https://registry.npmjs.org/@typescript-eslint/project-service/-/project-service-8.38.0.tgz",
@@ -952,20 +771,6 @@
         "typescript": ">=4.8.4 <5.9.0"
       }
     },
-    "node_modules/@typescript-eslint/project-service/node_modules/@typescript-eslint/types": {
-      "version": "8.38.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.38.0.tgz",
-      "integrity": "sha512-wzkUfX3plUqij4YwWaJyqhiPE5UCRVlFpKn1oCRn2O1bJ592XxWJj8ROQ3JD5MYXLORW84063z3tZTb/cs4Tyw==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      }
-    },
     "node_modules/@typescript-eslint/scope-manager": {
       "version": "8.38.0",
       "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.38.0.tgz",
@@ -984,38 +789,6 @@
         "url": "https://opencollective.com/typescript-eslint"
       }
     },
-    "node_modules/@typescript-eslint/scope-manager/node_modules/@typescript-eslint/types": {
-      "version": "8.38.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.38.0.tgz",
-      "integrity": "sha512-wzkUfX3plUqij4YwWaJyqhiPE5UCRVlFpKn1oCRn2O1bJ592XxWJj8ROQ3JD5MYXLORW84063z3tZTb/cs4Tyw==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      }
-    },
-    "node_modules/@typescript-eslint/scope-manager/node_modules/@typescript-eslint/visitor-keys": {
-      "version": "8.38.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.38.0.tgz",
-      "integrity": "sha512-pWrTcoFNWuwHlA9CvlfSsGWs14JxfN1TH25zM5L7o0pRLhsoZkDnTsXfQRJBEWJoV5DL0jf+Z+sxiud+K0mq1g==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@typescript-eslint/types": "8.38.0",
-        "eslint-visitor-keys": "^4.2.1"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      }
-    },
     "node_modules/@typescript-eslint/tsconfig-utils": {
       "version": "8.38.0",
       "resolved": "https://registry.npmjs.org/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.38.0.tgz",
@@ -1058,7 +831,7 @@
         "typescript": ">=4.8.4 <5.9.0"
       }
     },
-    "node_modules/@typescript-eslint/type-utils/node_modules/@typescript-eslint/types": {
+    "node_modules/@typescript-eslint/types": {
       "version": "8.38.0",
       "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.38.0.tgz",
       "integrity": "sha512-wzkUfX3plUqij4YwWaJyqhiPE5UCRVlFpKn1oCRn2O1bJ592XxWJj8ROQ3JD5MYXLORW84063z3tZTb/cs4Tyw==",
@@ -1072,7 +845,7 @@
         "url": "https://opencollective.com/typescript-eslint"
       }
     },
-    "node_modules/@typescript-eslint/type-utils/node_modules/@typescript-eslint/typescript-estree": {
+    "node_modules/@typescript-eslint/typescript-estree": {
       "version": "8.38.0",
       "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.38.0.tgz",
       "integrity": "sha512-fooELKcAKzxux6fA6pxOflpNS0jc+nOQEEOipXFNjSlBS6fqrJOVY/whSn70SScHrcJ2LDsxWrneFoWYSVfqhQ==",
@@ -1101,61 +874,30 @@
         "typescript": ">=4.8.4 <5.9.0"
       }
     },
-    "node_modules/@typescript-eslint/type-utils/node_modules/@typescript-eslint/visitor-keys": {
-      "version": "8.38.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.38.0.tgz",
-      "integrity": "sha512-pWrTcoFNWuwHlA9CvlfSsGWs14JxfN1TH25zM5L7o0pRLhsoZkDnTsXfQRJBEWJoV5DL0jf+Z+sxiud+K0mq1g==",
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/brace-expansion": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz",
+      "integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/types": "8.38.0",
-        "eslint-visitor-keys": "^4.2.1"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
+        "balanced-match": "^1.0.0"
       }
     },
-    "node_modules/@typescript-eslint/types": {
-      "version": "8.26.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.26.0.tgz",
-      "integrity": "sha512-89B1eP3tnpr9A8L6PZlSjBvnJhWXtYfZhECqlBl1D9Lme9mHO6iWlsprBtVenQvY1HMhax1mWOjhtL3fh/u+pA==",
-      "license": "MIT",
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      }
-    },
-    "node_modules/@typescript-eslint/typescript-estree": {
-      "version": "8.26.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.26.0.tgz",
-      "integrity": "sha512-tiJ1Hvy/V/oMVRTbEOIeemA2XoylimlDQ03CgPPNaHYZbpsc78Hmngnt+WXZfJX1pjQ711V7g0H7cSJThGYfPQ==",
-      "license": "MIT",
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/minimatch": {
+      "version": "9.0.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
+      "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
+      "dev": true,
+      "license": "ISC",
       "dependencies": {
-        "@typescript-eslint/types": "8.26.0",
-        "@typescript-eslint/visitor-keys": "8.26.0",
-        "debug": "^4.3.4",
-        "fast-glob": "^3.3.2",
-        "is-glob": "^4.0.3",
-        "minimatch": "^9.0.4",
-        "semver": "^7.6.0",
-        "ts-api-utils": "^2.0.1"
+        "brace-expansion": "^2.0.1"
       },
       "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+        "node": ">=16 || 14 >=14.17"
       },
       "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "typescript": ">=4.8.4 <5.9.0"
+        "url": "https://github.com/sponsors/isaacs"
       }
     },
     "node_modules/@typescript-eslint/utils": {
@@ -1182,50 +924,7 @@
         "typescript": ">=4.8.4 <5.9.0"
       }
     },
-    "node_modules/@typescript-eslint/utils/node_modules/@typescript-eslint/types": {
-      "version": "8.38.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.38.0.tgz",
-      "integrity": "sha512-wzkUfX3plUqij4YwWaJyqhiPE5UCRVlFpKn1oCRn2O1bJ592XxWJj8ROQ3JD5MYXLORW84063z3tZTb/cs4Tyw==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      }
-    },
-    "node_modules/@typescript-eslint/utils/node_modules/@typescript-eslint/typescript-estree": {
-      "version": "8.38.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.38.0.tgz",
-      "integrity": "sha512-fooELKcAKzxux6fA6pxOflpNS0jc+nOQEEOipXFNjSlBS6fqrJOVY/whSn70SScHrcJ2LDsxWrneFoWYSVfqhQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@typescript-eslint/project-service": "8.38.0",
-        "@typescript-eslint/tsconfig-utils": "8.38.0",
-        "@typescript-eslint/types": "8.38.0",
-        "@typescript-eslint/visitor-keys": "8.38.0",
-        "debug": "^4.3.4",
-        "fast-glob": "^3.3.2",
-        "is-glob": "^4.0.3",
-        "minimatch": "^9.0.4",
-        "semver": "^7.6.0",
-        "ts-api-utils": "^2.1.0"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "typescript": ">=4.8.4 <5.9.0"
-      }
-    },
-    "node_modules/@typescript-eslint/utils/node_modules/@typescript-eslint/visitor-keys": {
+    "node_modules/@typescript-eslint/visitor-keys": {
       "version": "8.38.0",
       "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.38.0.tgz",
       "integrity": "sha512-pWrTcoFNWuwHlA9CvlfSsGWs14JxfN1TH25zM5L7o0pRLhsoZkDnTsXfQRJBEWJoV5DL0jf+Z+sxiud+K0mq1g==",
@@ -1243,21 +942,17 @@
         "url": "https://opencollective.com/typescript-eslint"
       }
     },
-    "node_modules/@typescript-eslint/visitor-keys": {
-      "version": "8.26.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.26.0.tgz",
-      "integrity": "sha512-2z8JQJWAzPdDd51dRQ/oqIJxe99/hoLIqmf8RMCAJQtYDc535W/Jt2+RTP4bP0aKeBG1F65yjIZuczOXCmbWwg==",
-      "license": "MIT",
-      "dependencies": {
-        "@typescript-eslint/types": "8.26.0",
-        "eslint-visitor-keys": "^4.2.0"
-      },
+    "node_modules/@typescript-eslint/visitor-keys/node_modules/eslint-visitor-keys": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.1.tgz",
+      "integrity": "sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==",
+      "dev": true,
+      "license": "Apache-2.0",
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       },
       "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
+        "url": "https://opencollective.com/eslint"
       }
     },
     "node_modules/@ungap/structured-clone": {
@@ -1577,24 +1272,24 @@
       }
     },
     "node_modules/ansi-regex": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.1.0.tgz",
-      "integrity": "sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==",
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
       "license": "MIT",
       "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+        "node": ">=8"
       }
     },
     "node_modules/ansi-styles": {
-      "version": "6.2.1",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz",
-      "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==",
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
       "license": "MIT",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
       "engines": {
-        "node": ">=12"
+        "node": ">=8"
       },
       "funding": {
         "url": "https://github.com/chalk/ansi-styles?sponsor=1"
@@ -1619,6 +1314,18 @@
         "node": ">= 8"
       }
     },
+    "node_modules/anymatch/node_modules/picomatch": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
     "node_modules/arg": {
       "version": "5.0.2",
       "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz",
@@ -1939,12 +1646,14 @@
       }
     },
     "node_modules/brace-expansion": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz",
-      "integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==",
+      "version": "1.1.12",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
+      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "balanced-match": "^1.0.0"
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
       }
     },
     "node_modules/braces": {
@@ -2073,9 +1782,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001727",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001727.tgz",
-      "integrity": "sha512-pB68nIHmbN6L/4C6MH1DokyR3bYqFwjaSs/sWDHGj4CTcFtQUQMuJftVwWkXq7mNWOybD3KhUv3oWHoGxgP14Q==",
+      "version": "1.0.30001731",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001731.tgz",
+      "integrity": "sha512-lDdp2/wrOmTRWuoB5DpfNkC0rJDU8DqRa6nYL6HK6sytw70QMopt/NIc/9SM7ylItlBWfACXk0tEn37UWM/+mg==",
       "funding": [
         {
           "type": "opencollective",
@@ -2109,22 +1818,6 @@
         "url": "https://github.com/chalk/chalk?sponsor=1"
       }
     },
-    "node_modules/chalk/node_modules/ansi-styles": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "color-convert": "^2.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-      }
-    },
     "node_modules/chokidar": {
       "version": "4.0.3",
       "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-4.0.3.tgz",
@@ -2458,9 +2151,9 @@
       "license": "MIT"
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.5.192",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.192.tgz",
-      "integrity": "sha512-rP8Ez0w7UNw/9j5eSXCe10o1g/8B1P5SM90PCCMVkIRQn2R0LEHWz4Eh9RnxkniuDe1W0cTSOB3MLlkTGDcuCg==",
+      "version": "1.5.194",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.194.tgz",
+      "integrity": "sha512-SdnWJwSUot04UR51I2oPD8kuP2VI37/CADR1OHsFOUzZIvfWJBO6q11k5P/uKNyTT3cdOsnyjkrZ+DDShqYqJA==",
       "dev": true,
       "license": "ISC"
     },
@@ -2728,13 +2421,13 @@
       }
     },
     "node_modules/eslint-config-next": {
-      "version": "14.2.30",
-      "resolved": "https://registry.npmjs.org/eslint-config-next/-/eslint-config-next-14.2.30.tgz",
-      "integrity": "sha512-4pTMb3wfpI+piVeEz3TWG1spjuXJJBZaYabi2H08z2ZTk6/N304POEovHdFmK6EZb4QlKpETulBNaRIITA0+xg==",
+      "version": "14.2.31",
+      "resolved": "https://registry.npmjs.org/eslint-config-next/-/eslint-config-next-14.2.31.tgz",
+      "integrity": "sha512-sT32j4678je7SWstBM6l0kE2L+LSgAARDAxw8iloNhI4/8xwkdDesbrGCPaGWzQv+dD6f6adhB+eRSThpGkBdg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@next/eslint-plugin-next": "14.2.30",
+        "@next/eslint-plugin-next": "14.2.31",
         "@rushstack/eslint-patch": "^1.3.3",
         "@typescript-eslint/eslint-plugin": "^5.4.2 || ^6.0.0 || ^7.0.0 || ^8.0.0",
         "@typescript-eslint/parser": "^5.4.2 || ^6.0.0 || ^7.0.0 || ^8.0.0",
@@ -2874,17 +2567,6 @@
         "eslint": "^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8 || ^9"
       }
     },
-    "node_modules/eslint-plugin-import/node_modules/brace-expansion": {
-      "version": "1.1.12",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
-      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "balanced-match": "^1.0.0",
-        "concat-map": "0.0.1"
-      }
-    },
     "node_modules/eslint-plugin-import/node_modules/debug": {
       "version": "3.2.7",
       "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
@@ -2908,19 +2590,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/eslint-plugin-import/node_modules/minimatch": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
-      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "brace-expansion": "^1.1.7"
-      },
-      "engines": {
-        "node": "*"
-      }
-    },
     "node_modules/eslint-plugin-import/node_modules/semver": {
       "version": "6.3.1",
       "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
@@ -2961,30 +2630,6 @@
         "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9"
       }
     },
-    "node_modules/eslint-plugin-jsx-a11y/node_modules/brace-expansion": {
-      "version": "1.1.12",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
-      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "balanced-match": "^1.0.0",
-        "concat-map": "0.0.1"
-      }
-    },
-    "node_modules/eslint-plugin-jsx-a11y/node_modules/minimatch": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
-      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "brace-expansion": "^1.1.7"
-      },
-      "engines": {
-        "node": "*"
-      }
-    },
     "node_modules/eslint-plugin-react": {
       "version": "7.37.5",
       "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.37.5.tgz",
@@ -3031,17 +2676,6 @@
         "eslint": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0"
       }
     },
-    "node_modules/eslint-plugin-react/node_modules/brace-expansion": {
-      "version": "1.1.12",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
-      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "balanced-match": "^1.0.0",
-        "concat-map": "0.0.1"
-      }
-    },
     "node_modules/eslint-plugin-react/node_modules/doctrine": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
@@ -3055,19 +2689,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/eslint-plugin-react/node_modules/minimatch": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
-      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "brace-expansion": "^1.1.7"
-      },
-      "engines": {
-        "node": "*"
-      }
-    },
     "node_modules/eslint-plugin-react/node_modules/resolve": {
       "version": "2.0.0-next.5",
       "resolved": "https://registry.npmjs.org/resolve/-/resolve-2.0.0-next.5.tgz",
@@ -3114,39 +2735,6 @@
       }
     },
     "node_modules/eslint-visitor-keys": {
-      "version": "4.2.1",
-      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.1.tgz",
-      "integrity": "sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==",
-      "license": "Apache-2.0",
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
-    },
-    "node_modules/eslint/node_modules/ansi-regex": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/eslint/node_modules/brace-expansion": {
-      "version": "1.1.12",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
-      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "balanced-match": "^1.0.0",
-        "concat-map": "0.0.1"
-      }
-    },
-    "node_modules/eslint/node_modules/eslint-visitor-keys": {
       "version": "3.4.3",
       "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
       "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
@@ -3159,45 +2747,6 @@
         "url": "https://opencollective.com/eslint"
       }
     },
-    "node_modules/eslint/node_modules/glob-parent": {
-      "version": "6.0.2",
-      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
-      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "is-glob": "^4.0.3"
-      },
-      "engines": {
-        "node": ">=10.13.0"
-      }
-    },
-    "node_modules/eslint/node_modules/minimatch": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
-      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "brace-expansion": "^1.1.7"
-      },
-      "engines": {
-        "node": "*"
-      }
-    },
-    "node_modules/eslint/node_modules/strip-ansi": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ansi-regex": "^5.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/espree": {
       "version": "9.6.1",
       "resolved": "https://registry.npmjs.org/espree/-/espree-9.6.1.tgz",
@@ -3216,19 +2765,6 @@
         "url": "https://opencollective.com/eslint"
       }
     },
-    "node_modules/espree/node_modules/eslint-visitor-keys": {
-      "version": "3.4.3",
-      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
-      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
-    },
     "node_modules/esprima": {
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz",
@@ -3317,6 +2853,18 @@
         "node": ">=8.6.0"
       }
     },
+    "node_modules/fast-glob/node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
     "node_modules/fast-json-stable-stringify": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
@@ -3340,6 +2888,21 @@
         "reusify": "^1.0.4"
       }
     },
+    "node_modules/fdir": {
+      "version": "6.4.6",
+      "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.4.6.tgz",
+      "integrity": "sha512-hiFoqpyZcfNm1yc4u8oWCf9A2c4D3QjCrks3zmoVKVxpQRzmPNar1hUJcBG2RQHvEVGDN+Jm81ZheVLAQMK6+w==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "picomatch": "^3 || ^4"
+      },
+      "peerDependenciesMeta": {
+        "picomatch": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/file-entry-cache": {
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz",
@@ -3455,6 +3018,98 @@
         "tailwindcss": "^3 || ^4"
       }
     },
+    "node_modules/flowbite-react/node_modules/@typescript-eslint/types": {
+      "version": "8.26.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.26.0.tgz",
+      "integrity": "sha512-89B1eP3tnpr9A8L6PZlSjBvnJhWXtYfZhECqlBl1D9Lme9mHO6iWlsprBtVenQvY1HMhax1mWOjhtL3fh/u+pA==",
+      "license": "MIT",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/flowbite-react/node_modules/@typescript-eslint/typescript-estree": {
+      "version": "8.26.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.26.0.tgz",
+      "integrity": "sha512-tiJ1Hvy/V/oMVRTbEOIeemA2XoylimlDQ03CgPPNaHYZbpsc78Hmngnt+WXZfJX1pjQ711V7g0H7cSJThGYfPQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/types": "8.26.0",
+        "@typescript-eslint/visitor-keys": "8.26.0",
+        "debug": "^4.3.4",
+        "fast-glob": "^3.3.2",
+        "is-glob": "^4.0.3",
+        "minimatch": "^9.0.4",
+        "semver": "^7.6.0",
+        "ts-api-utils": "^2.0.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4 <5.9.0"
+      }
+    },
+    "node_modules/flowbite-react/node_modules/@typescript-eslint/visitor-keys": {
+      "version": "8.26.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.26.0.tgz",
+      "integrity": "sha512-2z8JQJWAzPdDd51dRQ/oqIJxe99/hoLIqmf8RMCAJQtYDc535W/Jt2+RTP4bP0aKeBG1F65yjIZuczOXCmbWwg==",
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/types": "8.26.0",
+        "eslint-visitor-keys": "^4.2.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/flowbite-react/node_modules/brace-expansion": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz",
+      "integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==",
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/flowbite-react/node_modules/eslint-visitor-keys": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.1.tgz",
+      "integrity": "sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/flowbite-react/node_modules/minimatch": {
+      "version": "9.0.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
+      "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
     "node_modules/for-each": {
       "version": "0.3.5",
       "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.5.tgz",
@@ -3657,35 +3312,61 @@
       }
     },
     "node_modules/glob": {
-      "version": "10.4.5",
-      "resolved": "https://registry.npmjs.org/glob/-/glob-10.4.5.tgz",
-      "integrity": "sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==",
+      "version": "10.3.10",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-10.3.10.tgz",
+      "integrity": "sha512-fa46+tv1Ak0UPK1TOy/pZrIybNNt4HCv7SDzwyfiOZkvZLEbjsZkJBPtDHVshZjbecAoAGSC20MjLDG/qr679g==",
       "license": "ISC",
       "dependencies": {
         "foreground-child": "^3.1.0",
-        "jackspeak": "^3.1.2",
-        "minimatch": "^9.0.4",
-        "minipass": "^7.1.2",
-        "package-json-from-dist": "^1.0.0",
-        "path-scurry": "^1.11.1"
+        "jackspeak": "^2.3.5",
+        "minimatch": "^9.0.1",
+        "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0",
+        "path-scurry": "^1.10.1"
       },
       "bin": {
         "glob": "dist/esm/bin.mjs"
       },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
       "funding": {
         "url": "https://github.com/sponsors/isaacs"
       }
     },
     "node_modules/glob-parent": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
-      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
+      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
       "license": "ISC",
       "dependencies": {
-        "is-glob": "^4.0.1"
+        "is-glob": "^4.0.3"
       },
       "engines": {
-        "node": ">= 6"
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/glob/node_modules/brace-expansion": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz",
+      "integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==",
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/glob/node_modules/minimatch": {
+      "version": "9.0.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
+      "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
       }
     },
     "node_modules/globals": {
@@ -4408,13 +4089,16 @@
       }
     },
     "node_modules/jackspeak": {
-      "version": "3.4.3",
-      "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-3.4.3.tgz",
-      "integrity": "sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==",
+      "version": "2.3.6",
+      "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-2.3.6.tgz",
+      "integrity": "sha512-N3yCS/NegsOBokc8GAdM8UcmfsKiSS8cipheD/nivzr700H+nsMOxJjQnvwOcRYVuFkdH0wGUvW2WbXGmrZGbQ==",
       "license": "BlueOak-1.0.0",
       "dependencies": {
         "@isaacs/cliui": "^8.0.2"
       },
+      "engines": {
+        "node": ">=14"
+      },
       "funding": {
         "url": "https://github.com/sponsors/isaacs"
       },
@@ -4422,6 +4106,15 @@
         "@pkgjs/parseargs": "^0.11.0"
       }
     },
+    "node_modules/jiti": {
+      "version": "1.21.7",
+      "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.21.7.tgz",
+      "integrity": "sha512-/imKNG4EbWNrVjoNC/1H5/9GFy+tqjGBHCaSsN+P2RnPqjsLmv6UD3Ej+Kj8nBWaRAwyk7kK5ZUc+OEatnTR3A==",
+      "license": "MIT",
+      "bin": {
+        "jiti": "bin/jiti.js"
+      }
+    },
     "node_modules/js-tokens": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
@@ -4644,6 +4337,18 @@
         "node": ">=8.6"
       }
     },
+    "node_modules/micromatch/node_modules/picomatch": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
     "node_modules/mini-svg-data-uri": {
       "version": "1.4.4",
       "resolved": "https://registry.npmjs.org/mini-svg-data-uri/-/mini-svg-data-uri-1.4.4.tgz",
@@ -4654,18 +4359,16 @@
       }
     },
     "node_modules/minimatch": {
-      "version": "9.0.5",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
-      "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
       "license": "ISC",
       "dependencies": {
-        "brace-expansion": "^2.0.1"
+        "brace-expansion": "^1.1.7"
       },
       "engines": {
-        "node": ">=16 || 14 >=14.17"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
+        "node": "*"
       }
     },
     "node_modules/minimist": {
@@ -4746,12 +4449,12 @@
       "license": "MIT"
     },
     "node_modules/next": {
-      "version": "14.2.30",
-      "resolved": "https://registry.npmjs.org/next/-/next-14.2.30.tgz",
-      "integrity": "sha512-+COdu6HQrHHFQ1S/8BBsCag61jZacmvbuL2avHvQFbWa2Ox7bE+d8FyNgxRLjXQ5wtPyQwEmk85js/AuaG2Sbg==",
+      "version": "14.2.31",
+      "resolved": "https://registry.npmjs.org/next/-/next-14.2.31.tgz",
+      "integrity": "sha512-Wyw1m4t8PhqG+or5a1U/Deb888YApC4rAez9bGhHkTsfwAy4SWKVro0GhEx4sox1856IbLhvhce2hAA6o8vkog==",
       "license": "MIT",
       "dependencies": {
-        "@next/env": "14.2.30",
+        "@next/env": "14.2.31",
         "@swc/helpers": "0.5.5",
         "busboy": "1.6.0",
         "caniuse-lite": "^1.0.30001579",
@@ -4766,15 +4469,15 @@
         "node": ">=18.17.0"
       },
       "optionalDependencies": {
-        "@next/swc-darwin-arm64": "14.2.30",
-        "@next/swc-darwin-x64": "14.2.30",
-        "@next/swc-linux-arm64-gnu": "14.2.30",
-        "@next/swc-linux-arm64-musl": "14.2.30",
-        "@next/swc-linux-x64-gnu": "14.2.30",
-        "@next/swc-linux-x64-musl": "14.2.30",
-        "@next/swc-win32-arm64-msvc": "14.2.30",
-        "@next/swc-win32-ia32-msvc": "14.2.30",
-        "@next/swc-win32-x64-msvc": "14.2.30"
+        "@next/swc-darwin-arm64": "14.2.31",
+        "@next/swc-darwin-x64": "14.2.31",
+        "@next/swc-linux-arm64-gnu": "14.2.31",
+        "@next/swc-linux-arm64-musl": "14.2.31",
+        "@next/swc-linux-x64-gnu": "14.2.31",
+        "@next/swc-linux-x64-musl": "14.2.31",
+        "@next/swc-win32-arm64-msvc": "14.2.31",
+        "@next/swc-win32-ia32-msvc": "14.2.31",
+        "@next/swc-win32-x64-msvc": "14.2.31"
       },
       "peerDependencies": {
         "@opentelemetry/api": "^1.1.0",
@@ -5058,12 +4761,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/package-json-from-dist": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/package-json-from-dist/-/package-json-from-dist-1.0.1.tgz",
-      "integrity": "sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw==",
-      "license": "BlueOak-1.0.0"
-    },
     "node_modules/package-manager-detector": {
       "version": "0.2.9",
       "resolved": "https://registry.npmjs.org/package-manager-detector/-/package-manager-detector-0.2.9.tgz",
@@ -5141,12 +4838,12 @@
       "license": "ISC"
     },
     "node_modules/picomatch": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
-      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
+      "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
       "license": "MIT",
       "engines": {
-        "node": ">=8.6"
+        "node": ">=12"
       },
       "funding": {
         "url": "https://github.com/sponsors/jonschlinkert"
@@ -5574,17 +5271,6 @@
         "url": "https://github.com/sponsors/isaacs"
       }
     },
-    "node_modules/rimraf/node_modules/brace-expansion": {
-      "version": "1.1.12",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
-      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "balanced-match": "^1.0.0",
-        "concat-map": "0.0.1"
-      }
-    },
     "node_modules/rimraf/node_modules/glob": {
       "version": "7.2.3",
       "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
@@ -5607,19 +5293,6 @@
         "url": "https://github.com/sponsors/isaacs"
       }
     },
-    "node_modules/rimraf/node_modules/minimatch": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
-      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "brace-expansion": "^1.1.7"
-      },
-      "engines": {
-        "node": "*"
-      }
-    },
     "node_modules/run-parallel": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
@@ -5962,31 +5635,37 @@
         "node": ">=8"
       }
     },
-    "node_modules/string-width-cjs/node_modules/ansi-regex": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/string-width-cjs/node_modules/emoji-regex": {
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
       "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
       "license": "MIT"
     },
-    "node_modules/string-width-cjs/node_modules/strip-ansi": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+    "node_modules/string-width/node_modules/ansi-regex": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.1.0.tgz",
+      "integrity": "sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+      }
+    },
+    "node_modules/string-width/node_modules/strip-ansi": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
+      "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
       "license": "MIT",
       "dependencies": {
-        "ansi-regex": "^5.0.1"
+        "ansi-regex": "^6.0.1"
       },
       "engines": {
-        "node": ">=8"
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
       }
     },
     "node_modules/string.prototype.includes": {
@@ -6103,22 +5782,6 @@
       }
     },
     "node_modules/strip-ansi": {
-      "version": "7.1.0",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
-      "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
-      "license": "MIT",
-      "dependencies": {
-        "ansi-regex": "^6.0.1"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
-      }
-    },
-    "node_modules/strip-ansi-cjs": {
-      "name": "strip-ansi",
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
       "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
@@ -6130,11 +5793,15 @@
         "node": ">=8"
       }
     },
-    "node_modules/strip-ansi-cjs/node_modules/ansi-regex": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+    "node_modules/strip-ansi-cjs": {
+      "name": "strip-ansi",
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
       "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
       "engines": {
         "node": ">=8"
       }
@@ -6333,25 +6000,16 @@
         "node": ">= 6"
       }
     },
-    "node_modules/tailwindcss/node_modules/glob-parent": {
-      "version": "6.0.2",
-      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
-      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
-      "license": "ISC",
-      "dependencies": {
-        "is-glob": "^4.0.3"
-      },
-      "engines": {
-        "node": ">=10.13.0"
-      }
-    },
-    "node_modules/tailwindcss/node_modules/jiti": {
-      "version": "1.21.7",
-      "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.21.7.tgz",
-      "integrity": "sha512-/imKNG4EbWNrVjoNC/1H5/9GFy+tqjGBHCaSsN+P2RnPqjsLmv6UD3Ej+Kj8nBWaRAwyk7kK5ZUc+OEatnTR3A==",
+    "node_modules/tailwindcss/node_modules/picomatch": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
       "license": "MIT",
-      "bin": {
-        "jiti": "bin/jiti.js"
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
       }
     },
     "node_modules/tailwindcss/node_modules/postcss-load-config": {
@@ -6467,34 +6125,6 @@
         "url": "https://github.com/sponsors/SuperchupuDev"
       }
     },
-    "node_modules/tinyglobby/node_modules/fdir": {
-      "version": "6.4.6",
-      "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.4.6.tgz",
-      "integrity": "sha512-hiFoqpyZcfNm1yc4u8oWCf9A2c4D3QjCrks3zmoVKVxpQRzmPNar1hUJcBG2RQHvEVGDN+Jm81ZheVLAQMK6+w==",
-      "dev": true,
-      "license": "MIT",
-      "peerDependencies": {
-        "picomatch": "^3 || ^4"
-      },
-      "peerDependenciesMeta": {
-        "picomatch": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/tinyglobby/node_modules/picomatch": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
-      "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/jonschlinkert"
-      }
-    },
     "node_modules/to-regex-range": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
@@ -6927,30 +6557,6 @@
         "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
       }
     },
-    "node_modules/wrap-ansi-cjs/node_modules/ansi-regex": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/wrap-ansi-cjs/node_modules/ansi-styles": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-      "license": "MIT",
-      "dependencies": {
-        "color-convert": "^2.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-      }
-    },
     "node_modules/wrap-ansi-cjs/node_modules/emoji-regex": {
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
@@ -6971,16 +6577,43 @@
         "node": ">=8"
       }
     },
-    "node_modules/wrap-ansi-cjs/node_modules/strip-ansi": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+    "node_modules/wrap-ansi/node_modules/ansi-regex": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.1.0.tgz",
+      "integrity": "sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+      }
+    },
+    "node_modules/wrap-ansi/node_modules/ansi-styles": {
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz",
+      "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/wrap-ansi/node_modules/strip-ansi": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
+      "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
       "license": "MIT",
       "dependencies": {
-        "ansi-regex": "^5.0.1"
+        "ansi-regex": "^6.0.1"
       },
       "engines": {
-        "node": ">=8"
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
       }
     },
     "node_modules/wrappy": {
diff --git a/pages/_app.js b/pages/_app.js
index d62abcf..4134670 100644
--- a/pages/_app.js
+++ b/pages/_app.js
@@ -1,10 +1,10 @@
 // pages/_app.jsx
 import "@/styles/tailwind.build.css"; // dein Tailwind‑Build
-
 import { fonts } from "@/lib/fonts";
 
-// Alle CSS‑Variablen aus deinen next/font‑Loaders, damit die Utilities greifen
+// CSS-Variablen für alle Fonts aus next/font/google
 const allFontVars = Object.values(fonts)
+  .filter((f) => f?.variable)
   .map((f) => f.variable)
   .join(" ");
 
diff --git a/pages/_document.js b/pages/_document.js
index e867d99..67b59a6 100644
--- a/pages/_document.js
+++ b/pages/_document.js
@@ -14,10 +14,18 @@ export default class MyDocument extends Document {
             crossOrigin=""
           />
 
-          {/* Alle 30 Google‑Fonts */}
+          {/* Google Fonts – ALLE 60 Fonts */}
           <link
             rel="stylesheet"
-            href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Roboto:wght@100..900&family=Open+Sans&family=Montserrat:wght@100..900&family=Raleway:wght@100..900&family=Poppins:wght@100..900&family=Manrope:wght@100..700&family=Dancing+Script&family=Pacifico&family=Caveat&family=Indie+Flower&family=Great+Vibes&family=Sacramento&family=Alex+Brush&family=Anton&family=Bebas+Neue&family=Oswald:wght@200..700&family=Bangers&family=Abril+Fatface&family=Fredoka+One&family=Luckiest+Guy&family=Orbitron&family=Audiowide&family=Exo+2&family=Rajdhani&family=Syncopate&family=Press+Start+2P&family=Share+Tech+Mono&family=Playfair+Display&family=Cinzel&family=Italiana&family=Young+Serif&family=Caprasimo&family=Righteous&family=Luxurious+Roman&family=VT323&family=Neonderthaw&display=swap"
+            href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Roboto&family=Open+Sans&family=Montserrat:wght@100..900&family=Raleway:wght@100..900&family=Poppins:wght@100..900&family=Manrope:wght@100..700&family=Jost:wght@100..900&family=Quicksand&family=Noto+Sans&family=Syncopate&family=Orbitron&family=Work+Sans&family=Spectral&family=Philosopher&family=Alegreya&family=Holtwood+One+SC&family=Italiana&family=Almendra&family=Cinzel+Decorative&family=Staatliches&family=Averia+Libre&family=Germania+One&display=swap"
+          />
+          <link
+            rel="stylesheet"
+            href="https://fonts.googleapis.com/css2?family=Pacifico&family=Great+Vibes&family=Courgette&family=Architects+Daughter&family=Neucha&family=Satisfy&family=Yellowtail&family=Indie+Flower&family=Gloria+Hallelujah&family=Alex+Brush&family=Dancing+Script&family=Kaushan+Script&family=Sacramento&family=Amatic+SC&family=Caveat&display=swap"
+          />
+          <link
+            rel="stylesheet"
+            href="https://fonts.googleapis.com/css2?family=Anton&family=Bebas+Neue&family=Ultra&family=Oswald:wght@200..700&family=Playfair+Display&family=Abril+Fatface&family=Black+Ops+One&family=Righteous&family=Metal+Mania&family=Press+Start+2P&family=Stint+Ultra+Condensed&family=Exo&family=Audiowide&family=Rajdhani&family=Questrial&family=Space+Mono&family=Unica+One&family=Glass+Antiqua&family=Fjalla+One&family=Bungee&family=Andika&family=Alfa+Slab+One&family=Permanent+Marker&display=swap"
           />
         </Head>
         <body>
diff --git a/styles/globals.css b/styles/globals.css
index 4ade1f1..07e4843 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -1,15 +1,185 @@
-@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600&display=swap");
-@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap");
-@import url("https://fonts.googleapis.com/css2?family=Pacifico&display=swap");
-@import url("https://fonts.googleapis.com/css2?family=Caveat&display=swap");
-@import url("https://fonts.googleapis.com/css2?family=Fredoka+One&display=swap");
-@import url("https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap");
-@import url("https://fonts.googleapis.com/css2?family=VT323&display=swap");
-
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
 
+/* === Lokale Fonts einbinden via @font-face === */
+@font-face {
+  font-family: "Montserrat";
+  src: url("/fonts/Montserrat-Regular.ttf") format("truetype");
+  font-weight: 400;
+}
+@font-face {
+  font-family: "Bebas Neue";
+  src: url("/fonts/BebasNeue-Regular.ttf") format("truetype");
+  font-weight: 400;
+}
+@font-face {
+  font-family: "Pacifico";
+  src: url("/fonts/Pacifico-Regular.ttf") format("truetype");
+  font-weight: 400;
+}
+@font-face {
+  font-family: "Caveat";
+  src: url("/fonts/Caveat-Regular.ttf") format("truetype");
+  font-weight: 400;
+}
+@font-face {
+  font-family: "Fredoka One";
+  src: url("/fonts/FredokaOne-Regular.ttf") format("truetype");
+  font-weight: 400;
+}
+@font-face {
+  font-family: "Playfair Display";
+  src: url("/fonts/PlayfairDisplay-Regular.ttf") format("truetype");
+  font-weight: 400;
+}
+@font-face {
+  font-family: "VT323";
+  src: url("/fonts/VT323-Regular.ttf") format("truetype");
+  font-weight: 400;
+}
+@font-face {
+  font-family: "Amatic SC";
+  src: url("/fonts/AmaticSC-Regular.ttf") format("truetype");
+  font-weight: 400;
+}
+@font-face {
+  font-family: "Architects Daughter";
+  src: url("/fonts/ArchitectsDaughter-Regular.ttf") format("truetype");
+  font-weight: 400;
+}
+@font-face {
+  font-family: "Averia Libre";
+  src: url("/fonts/AveriaLibre-Regular.ttf") format("truetype");
+  font-weight: 400;
+}
+@font-face {
+  font-family: "Black Ops One";
+  src: url("/fonts/BlackOpsOne-Regular.ttf") format("truetype");
+  font-weight: 400;
+}
+@font-face {
+  font-family: "Cinzel Decorative";
+  src: url("/fonts/CinzelDecorative-Regular.ttf") format("truetype");
+  font-weight: 400;
+}
+@font-face {
+  font-family: "Courgette";
+  src: url("/fonts/Courgette-Regular.ttf") format("truetype");
+  font-weight: 400;
+}
+@font-face {
+  font-family: "Dancing Script";
+  src: url("/fonts/DancingScript-Regular.ttf") format("truetype");
+  font-weight: 400;
+}
+@font-face {
+  font-family: "Fjalla One";
+  src: url("/fonts/FjallaOne-Regular.ttf") format("truetype");
+  font-weight: 400;
+}
+@font-face {
+  font-family: "Germania One";
+  src: url("/fonts/GermaniaOne-Regular.ttf") format("truetype");
+  font-weight: 400;
+}
+@font-face {
+  font-family: "Glass Antiqua";
+  src: url("/fonts/GlassAntiqua-Regular.ttf") format("truetype");
+  font-weight: 400;
+}
+@font-face {
+  font-family: "Great Vibes";
+  src: url("/fonts/GreatVibes-Regular.ttf") format("truetype");
+  font-weight: 400;
+}
+@font-face {
+  font-family: "Neucha";
+  src: url("/fonts/Neucha-Regular.ttf") format("truetype");
+  font-weight: 400;
+}
+@font-face {
+  font-family: "Noto Sans";
+  src: url("/fonts/NotoSans-Regular.ttf") format("truetype");
+  font-weight: 400;
+}
+@font-face {
+  font-family: "Philosopher";
+  src: url("/fonts/Philosopher-Regular.ttf") format("truetype");
+  font-weight: 400;
+}
+@font-face {
+  font-family: "Press Start 2P";
+  src: url("/fonts/PressStart2P-Regular.ttf") format("truetype");
+  font-weight: 400;
+}
+@font-face {
+  font-family: "Righteous";
+  src: url("/fonts/Righteous-Regular.ttf") format("truetype");
+  font-weight: 400;
+}
+@font-face {
+  font-family: "Satisfy";
+  src: url("/fonts/Satisfy-Regular.ttf") format("truetype");
+  font-weight: 400;
+}
+@font-face {
+  font-family: "Sacramento";
+  src: url("/fonts/Sacramento-Regular.ttf") format("truetype");
+  font-weight: 400;
+}
+@font-face {
+  font-family: "Syncopate";
+  src: url("/fonts/Syncopate-Regular.ttf") format("truetype");
+  font-weight: 400;
+}
+@font-face {
+  font-family: "Orbitron";
+  src: url("/fonts/Orbitron-Regular.ttf") format("truetype");
+  font-weight: 400;
+}
+@font-face {
+  font-family: "Ultra";
+  src: url("/fonts/Ultra-Regular.ttf") format("truetype");
+  font-weight: 400;
+}
+@font-face {
+  font-family: "Staatliches";
+  src: url("/fonts/Staatliches-Regular.ttf") format("truetype");
+  font-weight: 400;
+}
+@font-face {
+  font-family: "Unica One";
+  src: url("/fonts/UnicaOne-Regular.ttf") format("truetype");
+  font-weight: 400;
+}
+@font-face {
+  font-family: "Italiana";
+  src: url("/fonts/Italiana-Regular.ttf") format("truetype");
+  font-weight: 400;
+}
+@font-face {
+  font-family: "Alfa Slab One";
+  src: url("/fonts/AlfaSlabOne-Regular.ttf") format("truetype");
+  font-weight: 400;
+}
+@font-face {
+  font-family: "Andika";
+  src: url("/fonts/Andika-Regular.ttf") format("truetype");
+  font-weight: 400;
+}
+@font-face {
+  font-family: "Alegreya";
+  src: url("/fonts/Alegreya-Regular.ttf") format("truetype");
+  font-weight: 400;
+}
+@font-face {
+  font-family: "Spectral";
+  src: url("/fonts/Spectral-Regular.ttf") format("truetype");
+  font-weight: 400;
+}
+
+/* Utility-Klassen für lokale Fonts */
 @layer utilities {
   .font-montserrat {
     font-family: "Montserrat", sans-serif;
@@ -32,42 +202,99 @@
   .font-vt323 {
     font-family: "VT323", monospace;
   }
-
-  /* Pseudo / Unicode – Platzhalter */
-  .font-bubble {
-    font-family: inherit;
+  .font-amaticsc {
+    font-family: "Amatic SC", cursive;
   }
-  .font-glitch {
-    font-family: inherit;
+  .font-architectsdaughter {
+    font-family: "Architects Daughter", cursive;
   }
-  .font-wide {
-    font-family: inherit;
+  .font-averialibre {
+    font-family: "Averia Libre", cursive;
   }
-  .font-upsidedown {
-    font-family: inherit;
+  .font-blackopsone {
+    font-family: "Black Ops One", sans-serif;
   }
-  .font-strike {
-    text-decoration: line-through;
+  .font-cinzeldecorative {
+    font-family: "Cinzel Decorative", serif;
   }
-  .font-underline {
-    text-decoration: underline;
-  }
-}
-
-/* eigene Zusatz‑Utilities */
-@layer utilities {
-  .font-chilanka {
-    font-family: "Chilanka", cursive;
+  .font-courgette {
+    font-family: "Courgette", cursive;
+  }
+  .font-dancingscript {
+    font-family: "Dancing Script", cursive;
+  }
+  .font-fjallaone {
+    font-family: "Fjalla One", sans-serif;
+  }
+  .font-germaniaone {
+    font-family: "Germania One", serif;
+  }
+  .font-glassantiqua {
+    font-family: "Glass Antiqua", cursive;
+  }
+  .font-greatvibes {
+    font-family: "Great Vibes", cursive;
+  }
+  .font-neucha {
+    font-family: "Neucha", cursive;
+  }
+  .font-notosans {
+    font-family: "Noto Sans", sans-serif;
+  }
+  .font-philosopher {
+    font-family: "Philosopher", sans-serif;
+  }
+  .font-pressstart2p {
+    font-family: "Press Start 2P", monospace;
+  }
+  .font-righteous {
+    font-family: "Righteous", cursive;
+  }
+  .font-satisfy {
+    font-family: "Satisfy", cursive;
+  }
+  .font-sacramento {
+    font-family: "Sacramento", cursive;
+  }
+  .font-syncopate {
+    font-family: "Syncopate", sans-serif;
+  }
+  .font-orbitron {
+    font-family: "Orbitron", sans-serif;
+  }
+  .font-ultra {
+    font-family: "Ultra", serif;
+  }
+  .font-staatliches {
+    font-family: "Staatliches", sans-serif;
+  }
+  .font-unicaone {
+    font-family: "Unica One", sans-serif;
+  }
+  .font-italiana {
+    font-family: "Italiana", serif;
+  }
+  .font-alfaslabone {
+    font-family: "Alfa Slab One", serif;
+  }
+  .font-andika {
+    font-family: "Andika", sans-serif;
+  }
+  .font-alegreya {
+    font-family: "Alegreya", serif;
+  }
+  .font-spectral {
+    font-family: "Spectral", serif;
   }
 }
 
+/* Komponenten und sonstige Styles */
 @layer components {
   .text-shadow-lg {
     text-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
   }
 }
 
-/* Schnell‑Check */
 body {
   background: #111;
   color: #fff;
diff --git a/styles/local-fonts.css b/styles/local-fonts.css
new file mode 100644
index 0000000..e69de29
diff --git a/tailwind.config.js b/tailwind.config.js
index e3f7700..2a91216 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,29 +1,57 @@
-// tailwind.config.js
-import { fonts } from "./lib/fonts.js";
-
-const fontFamily = Object.fromEntries(
-  Object.entries(fonts)
-    .filter(([, d]) => d?.variable)
-    .map(([name, d]) => [
-      name.toLowerCase().replace(/\s+/g, ""),
-      [`var(${d.variable})`],
-    ])
-);
-
-export default {
+/** @type {import('tailwindcss').Config} */
+module.exports = {
   content: [
     "./pages/**/*.{js,jsx,ts,tsx}",
     "./components/**/*.{js,jsx,ts,tsx}",
     "./lib/**/*.{js,jsx,ts,tsx}",
     "./styles/**/*.{css,js}",
   ],
-  theme: { extend: { fontFamily } },
+  theme: {
+    extend: {
+      fontFamily: {
+        montserrat: ["'Montserrat'", "sans-serif"],
+        bebasneue: ["'Bebas Neue'", "cursive"],
+        pacifico: ["'Pacifico'", "cursive"],
+        caveat: ["'Caveat'", "cursive"],
+        fredokaone: ["'Fredoka One'", "cursive"],
+        playfair: ["'Playfair Display'", "serif"],
+        vt323: ["'VT323'", "monospace"],
+        amaticsc: ["'Amatic SC'", "cursive"],
+        architectsdaughter: ["'Architects Daughter'", "cursive"],
+        averialibre: ["'Averia Libre'", "cursive"],
+        blackopsone: ["'Black Ops One'", "sans-serif"],
+        cinzeldecorative: ["'Cinzel Decorative'", "serif"],
+        courgette: ["'Courgette'", "cursive"],
+        dancingscript: ["'Dancing Script'", "cursive"],
+        fjallaone: ["'Fjalla One'", "sans-serif"],
+        germaniaone: ["'Germania One'", "serif"],
+        glassantiqua: ["'Glass Antiqua'", "cursive"],
+        greatvibes: ["'Great Vibes'", "cursive"],
+        neucha: ["'Neucha'", "cursive"],
+        notosans: ["'Noto Sans'", "sans-serif"],
+        philosopher: ["'Philosopher'", "sans-serif"],
+        pressstart2p: ["'Press Start 2P'", "monospace"],
+        righteous: ["'Righteous'", "cursive"],
+        satisfy: ["'Satisfy'", "cursive"],
+        sacramento: ["'Sacramento'", "cursive"],
+        syncopate: ["'Syncopate'", "sans-serif"],
+        orbitron: ["'Orbitron'", "sans-serif"],
+        ultra: ["'Ultra'", "serif"],
+        staatliches: ["'Staatliches'", "sans-serif"],
+        unicaone: ["'Unica One'", "sans-serif"],
+        italiana: ["'Italiana'", "serif"],
+        alfaslabone: ["'Alfa Slab One'", "serif"],
+        andika: ["'Andika'", "sans-serif"],
+        alegreya: ["'Alegreya'", "serif"],
+        spectral: ["'Spectral'", "serif"],
+      },
+    },
+  },
   plugins: [],
-  // <<< Hier kommt die Safelist >>>
   safelist: [
     {
       pattern: /^font-/,
-      variants: ["sm", "md", "lg", "xl"], // optional, falls responsive Klassen gebraucht werden
+      variants: ["sm", "md", "lg", "xl"],
     },
   ],
 };
diff --git a/tailwind.config.mjs b/tailwind.config.mjs
index 13e723f..25fa412 100644
--- a/tailwind.config.mjs
+++ b/tailwind.config.mjs
@@ -1,4 +1,4 @@
-import tailwindFonts from "./lib/tailwind-font-map.js"; // ← **ASCII‑Minus!**
+import tailwindFonts from "./lib/tailwind-font-map.js"; // ← **ASCII‑Minus wichtig!**
 
 /** @type {import('tailwindcss').Config} */
 export default {
@@ -10,12 +10,15 @@ export default {
   ],
   theme: {
     extend: {
-      fontFamily: Object.fromEntries(
-        Object.entries(tailwindFonts).map(([k, cssVar]) => [
-          k,
-          [`var(${cssVar})`],
-        ])
-      ),
+      fontFamily: {
+        // Dynamische Zuordnung: z. B. roboto: ['var(--font-roboto)']
+        ...Object.fromEntries(
+          Object.entries(tailwindFonts).map(([key, cssVar]) => [
+            key,
+            [`var(${cssVar})`],
+          ])
+        ),
+      },
     },
   },
   plugins: [],