fix(frontend): remove prose-lg utility requiring typography plugin

- Replace prose-lg with prose-text using standard text-lg utility
- Remove duplicate typography layer definitions
- Clean up CSS structure to use only core Tailwind utilities
- Resolve 'Cannot apply unknown utility class prose-lg' error

Frontend Docker build now succeeds with only minor @screen warnings

frontend/linktree-frontend/src/app/globals.css

@@ -1,6 +1,5 @@
 @import "tailwindcss";
 @import "./styles/layouts.css";
-@import "./test-styles.css";
 /* src/app/globals.css */
 @tailwind base;
 @tailwind components;
@@ -48,6 +47,7 @@ body {
     @apply text-base;
   }
 }
+
 @layer components {
   .btn {
     @apply bg-blue-500 text-white font-bold py-2 px-4 rounded;
@@ -56,6 +56,7 @@ body {
     @apply bg-blue-700;
   }
 }
+
 @layer utilities {
   .bg-custom {
     @apply bg-blue-100;
@@ -64,6 +65,7 @@ body {
     @apply text-blue-500;
   }
 }
+
 @layer screens {
   @screen sm {
     .text-sm {
@@ -81,6 +83,7 @@ body {
     }
   }
 }
+
 @layer forms {
   .form-input {
     @apply border-gray-300 rounded-md shadow-sm;
@@ -89,20 +92,22 @@ body {
     @apply border-blue-500 ring-blue-500;
   }
 }
+
 @layer typography {
-  .prose {
-    @apply prose-lg;
+  .prose-text {
+    @apply text-lg;
   }
-  .prose h1 {
+  .prose-text h1 {
     @apply text-3xl font-bold;
   }
-  .prose h2 {
+  .prose-text h2 {
     @apply text-2xl font-bold;
   }
-  .prose h3 {
+  .prose-text h3 {
     @apply text-xl font-bold;
   }
 }
+
 @layer animations {
   .fade-in {
     @apply transition-opacity duration-500 ease-in;
@@ -111,6 +116,7 @@ body {
     @apply transition-opacity duration-500 ease-out;
   }
 }
+
 @layer transitions {
   .transition-all {
     @apply transition-all duration-300 ease-in-out;
@@ -119,6 +125,7 @@ body {
     @apply transition-colors duration-300 ease-in-out;
   }
 }
+
 @layer shadows {
   .shadow-custom {
     @apply shadow-lg;
@@ -127,6 +134,7 @@ body {
     @apply shadow-none;
   }
 }
+
 @layer borders {
   .border-custom {
     @apply border-2 border-blue-500;
@@ -135,6 +143,7 @@ body {
     @apply border-none;
   }
 }
+
 @layer spacing {
   .p-custom {
     @apply p-4;
@@ -143,6 +152,7 @@ body {
     @apply m-4;
   }
 }
+
 @layer flex {
   .flex-center {
     @apply flex items-center justify-center;
@@ -151,6 +161,7 @@ body {
     @apply flex flex-col;
   }
 }
+
 @layer grid {
   .grid-custom {
     @apply grid grid-cols-3 gap-4;
@@ -158,18 +169,4 @@ body {
   .grid-center {
     @apply grid place-items-center;
   }
-}
-@layer typography {
-  .prose {
-    @apply prose-lg;
-  }
-  .prose h1 {
-    @apply text-3xl font-bold;
-  }
-  .prose h2 {
-    @apply text-2xl font-bold;
-  }
-  .prose h3 {
-    @apply text-xl font-bold;
-  }
 }