Highlight the new server with yellor color

src/pages/home/Home.tsx

@@ -47,12 +47,27 @@ interface Server {
     description: string;
     inviteCode: string;
     disabled: boolean;
+    new: boolean; // Add the new field
 }
 
-interface CachedData {
+// Add a styled component for the new text color
-    timestamp: number;
+const NewServerWrapper = styled.div`
-    data: Server[];
+    color: yellow;
-}
+
+    // Make all text yellow, including description
+    * {
+        color: yellow !important;
+    }
+
+    a {
+        color: yellow;
+    }
+
+    // Target the description specifically if needed
+    [class*="description"] {
+        color: yellow !important;
+    }
+`;
 
 const CACHE_KEY = "server_list_cache";
 const CACHE_DURATION = 1 * 60 * 1000; // 1 minutes in milliseconds
@@ -177,19 +192,22 @@ const Home: React.FC = () => {
             </CategoryButton>
         );
 
-        if (server.disabled) {
+        const content = server.disabled ? (
-            return (
+            <DisabledButtonWrapper key={server.id}>
-                <DisabledButtonWrapper key={server.id}>
+                {buttonContent}
-                    {buttonContent}
+            </DisabledButtonWrapper>
-                </DisabledButtonWrapper>
+        ) : (
-            );
+            <Link to={linkTo} key={server.id}>
-        } else {
+                {buttonContent}
-            return (
+            </Link>
-                <Link to={linkTo} key={server.id}>
+        );
-                    {buttonContent}
+
-                </Link>
+        // Wrap with NewServerWrapper if server is new
-            );
+        return server.new ? (
-        }
+            <NewServerWrapper key={server.id}>{content}</NewServerWrapper>
+        ) : (
+            content
+        );
     };
 
     if (loading) {