site revamp

Author: ZeeshanAdilButt

.claude/settings.local.json

@@ -0,0 +1,12 @@
+{
+  "permissions": {
+    "allow": [
+      "Bash(npm run dev:*)",
+      "Bash(npm install:*)",
+      "Bash(npm run build:*)",
+      "Bash(cat:*)"
+    ],
+    "deny": [],
+    "ask": []
+  }
+}

app/about/page.tsx

@@ -23,7 +23,7 @@
     --border: 0 0% 89%;
     --input: 0 0% 89%;
     --ring: 0 0% 0%;
-    --radius: 0.75rem;
+    --radius: 0;
   }
 
   .dark {

app/globals.css

@@ -1,6 +1,6 @@
 "use client"
 
-import React, { useEffect, useState } from "react"
+import React, { useEffect, useState, useCallback } from "react"
 import { ZoomIn, ZoomOut, Maximize2, RefreshCw, Target, Network, Table, ChevronDown, ChevronUp, Tag as TagIcon } from "lucide-react"
 import dynamic from "next/dynamic"
 
@@ -425,7 +425,7 @@ export default function MentorshipPage() {
   const [isRefreshing, setIsRefreshing] = useState(false)
   const [hasNewData, setHasNewData] = useState(false)
 
-  const fetchData = async (showRefreshIndicator = false) => {
+  const fetchData = useCallback(async (showRefreshIndicator = false) => {
     if (showRefreshIndicator) setIsRefreshing(true)
     if (!showRefreshIndicator) setLoading(true)
     setError(null)
@@ -466,12 +466,12 @@ export default function MentorshipPage() {
       setLoading(false)
       setIsRefreshing(false)
     }
-  }
+  }, [mentors, mentees, lastUpdated])
 
   // Initial data fetch
   useEffect(() => {
     fetchData()
-  }, [])
+  }, [fetchData])
 
   // Listen for admin updates via localStorage or window events (but don't auto-refresh)
   useEffect(() => {