Prettier format pending files

client/App.tsx

@@ -330,12 +330,21 @@ const App = () => (
                     {/* Staff routes */}
                     <Route path="/staff" element={<Staff />} />
                     <Route path="/staff/login" element={<StaffLogin />} />
-                    <Route path="/staff/dashboard" element={<StaffDashboard />} />
-                    <Route path="/staff/directory" element={<StaffDirectory />} />
+                    <Route
+                      path="/staff/dashboard"
+                      element={<StaffDashboard />}
+                    />
+                    <Route
+                      path="/staff/directory"
+                      element={<StaffDirectory />}
+                    />
                     <Route path="/staff/admin" element={<StaffAdmin />} />
                     <Route path="/staff/chat" element={<StaffChat />} />
                     <Route path="/staff/docs" element={<StaffDocs />} />
-                    <Route path="/staff/achievements" element={<StaffAchievements />} />
+                    <Route
+                      path="/staff/achievements"
+                      element={<StaffAchievements />}
+                    />
 
                     {/* Dev-Link routes */}
                     <Route path="/dev-link" element={<DevLink />} />

client/pages/StaffAchievements.tsx

@@ -2,12 +2,7 @@ import { useState } from "react";
 import { useNavigate } from "react-router-dom";
 import Layout from "@/components/Layout";
 import { Button } from "@/components/ui/button";
-import {
-  Card,
-  CardContent,
-  CardHeader,
-  CardTitle,
-} from "@/components/ui/card";
+import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
 import { Badge } from "@/components/ui/badge";
 import { Progress } from "@/components/ui/progress";
 import { Trophy, Star, Target, ExternalLink } from "lucide-react";
@@ -89,7 +84,7 @@ const MILESTONES = [
 export default function StaffAchievements() {
   const navigate = useNavigate();
   const [expandedAchievement, setExpandedAchievement] = useState<string | null>(
-    null
+    null,
   );
 
   const unlockedCount = ACHIEVEMENTS.filter((a) => a.unlocked).length;
@@ -102,7 +97,9 @@ export default function StaffAchievements() {
           {/* Header */}
           <div className="flex items-center justify-between">
             <div>
-              <h1 className="text-4xl font-bold text-white mb-2">Achievements</h1>
+              <h1 className="text-4xl font-bold text-white mb-2">
+                Achievements
+              </h1>
               <p className="text-gray-300 flex items-center gap-2">
                 <Trophy className="w-4 h-4" />
                 Track your progress and accomplishments
@@ -176,7 +173,7 @@ export default function StaffAchievements() {
                     setExpandedAchievement(
                       expandedAchievement === achievement.id
                         ? null
-                        : achievement.id
+                        : achievement.id,
                     )
                   }
                 >

client/pages/StaffAdmin.tsx

@@ -170,7 +170,9 @@ export default function StaffAdmin() {
                     <div className="flex justify-between items-center">
                       <div>
                         <p className="text-white font-medium">Owner</p>
-                        <p className="text-gray-400 text-sm">Full system access</p>
+                        <p className="text-gray-400 text-sm">
+                          Full system access
+                        </p>
                       </div>
                       <Badge className="bg-red-500/20 text-red-300">
                         2 members
@@ -208,7 +210,9 @@ export default function StaffAdmin() {
                   <div className="space-y-4">
                     <Card className="bg-slate-800/50 border-purple-500/20">
                       <CardHeader>
-                        <CardTitle className="text-lg">System Settings</CardTitle>
+                        <CardTitle className="text-lg">
+                          System Settings
+                        </CardTitle>
                       </CardHeader>
                       <CardContent className="space-y-4">
                         <div>
@@ -252,7 +256,9 @@ export default function StaffAdmin() {
                     </div>
 
                     <div className="mt-6">
-                      <h4 className="text-white font-medium mb-4">Active Keys</h4>
+                      <h4 className="text-white font-medium mb-4">
+                        Active Keys
+                      </h4>
                       <div className="space-y-3">
                         {apiKeys.map((key) => (
                           <div

client/pages/StaffChat.tsx

@@ -3,12 +3,7 @@ import { useNavigate } from "react-router-dom";
 import Layout from "@/components/Layout";
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
-import {
-  Card,
-  CardContent,
-  CardHeader,
-  CardTitle,
-} from "@/components/ui/card";
+import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
 import { Badge } from "@/components/ui/badge";
 import { MessageSquare, Send, ExternalLink, Hash, Lock } from "lucide-react";
 
@@ -60,9 +55,7 @@ export default function StaffChat() {
         <div className="max-w-6xl mx-auto">
           <div className="flex items-center justify-between mb-8">
             <div>
-              <h1 className="text-4xl font-bold text-white mb-2">
-                Staff Chat
-              </h1>
+              <h1 className="text-4xl font-bold text-white mb-2">Staff Chat</h1>
               <p className="text-gray-300 flex items-center gap-2">
                 <MessageSquare className="w-4 h-4" />
                 Internal team communication
@@ -102,7 +95,9 @@ export default function StaffChat() {
                         <Hash className="w-4 h-4 text-gray-400" />
                       )}
                       <div className="flex-1">
-                        <p className="text-white font-medium">#{channel.name}</p>
+                        <p className="text-white font-medium">
+                          #{channel.name}
+                        </p>
                         <p className="text-gray-400 text-xs">
                           {channel.members} members
                         </p>
@@ -167,9 +162,7 @@ export default function StaffChat() {
                     placeholder="Type a message..."
                     value={message}
                     onChange={(e) => setMessage(e.target.value)}
-                    onKeyPress={(e) =>
-                      e.key === "Enter" && handleSend()
-                    }
+                    onKeyPress={(e) => e.key === "Enter" && handleSend()}
                     className="bg-slate-800/50 border-purple-500/20 text-white placeholder:text-gray-500"
                   />
                   <Button

client/pages/StaffDashboard.tsx

@@ -176,7 +176,9 @@ export default function StaffDashboard() {
                     <div className="bg-slate-800/50 rounded-lg p-6 border border-purple-500/20">
                       <div className="space-y-4">
                         <div className="flex justify-between items-center">
-                          <span className="text-gray-300">API Response Time</span>
+                          <span className="text-gray-300">
+                            API Response Time
+                          </span>
                           <Badge className="bg-green-500/20 text-green-300">
                             95ms
                           </Badge>
@@ -224,13 +226,15 @@ export default function StaffDashboard() {
                   <div className="bg-slate-800/50 rounded-lg p-6 border border-purple-500/20">
                     <div className="space-y-4">
                       <div>
-                        <p className="text-gray-400 text-sm">Active Mentorships</p>
-                        <p className="text-2xl font-bold text-purple-400">
-                          24
+                        <p className="text-gray-400 text-sm">
+                          Active Mentorships
                         </p>
+                        <p className="text-2xl font-bold text-purple-400">24</p>
                       </div>
                       <div>
-                        <p className="text-gray-400 text-sm">Pending Requests</p>
+                        <p className="text-gray-400 text-sm">
+                          Pending Requests
+                        </p>
                         <p className="text-2xl font-bold text-yellow-400">6</p>
                       </div>
                     </div>

client/pages/StaffDirectory.tsx

@@ -3,12 +3,7 @@ import { useNavigate } from "react-router-dom";
 import Layout from "@/components/Layout";
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
-import {
-  Card,
-  CardContent,
-  CardHeader,
-  CardTitle,
-} from "@/components/ui/card";
+import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
 import { Badge } from "@/components/ui/badge";
 import { Users, Search, Mail, Phone, MapPin, ExternalLink } from "lucide-react";
 
@@ -78,7 +73,7 @@ export default function StaffDirectory() {
       member.name.toLowerCase().includes(searchQuery.toLowerCase()) ||
       member.position.toLowerCase().includes(searchQuery.toLowerCase()) ||
       member.department.toLowerCase().includes(searchQuery.toLowerCase()) ||
-      member.email.toLowerCase().includes(searchQuery.toLowerCase())
+      member.email.toLowerCase().includes(searchQuery.toLowerCase()),
   );
 
   return (

client/pages/StaffDocs.tsx

@@ -2,12 +2,7 @@ import { useState } from "react";
 import { useNavigate } from "react-router-dom";
 import Layout from "@/components/Layout";
 import { Button } from "@/components/ui/button";
-import {
-  Card,
-  CardContent,
-  CardHeader,
-  CardTitle,
-} from "@/components/ui/card";
+import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
 import { Badge } from "@/components/ui/badge";
 import { Alert, AlertDescription } from "@/components/ui/alert";
 import {
@@ -110,8 +105,8 @@ export default function StaffDocs() {
           <Alert className="border-red-500/30 bg-red-500/10">
             <AlertTriangle className="h-4 w-4 text-red-600" />
             <AlertDescription className="ml-2 text-red-600">
-              This section contains sensitive information. Do not share credentials
-              or secrets outside of this portal.
+              This section contains sensitive information. Do not share
+              credentials or secrets outside of this portal.
             </AlertDescription>
           </Alert>
 
@@ -148,7 +143,8 @@ export default function StaffDocs() {
                 API Credentials
               </CardTitle>
               <p className="text-gray-400 text-sm mt-2">
-                Sensitive credentials are hidden. Click copy to reveal temporarily.
+                Sensitive credentials are hidden. Click copy to reveal
+                temporarily.
               </p>
             </CardHeader>
             <CardContent className="space-y-4">
@@ -160,14 +156,14 @@ export default function StaffDocs() {
                   <div className="flex items-start justify-between mb-2">
                     <div className="flex-1">
                       <h4 className="text-white font-medium">{cred.name}</h4>
-                      <p className="text-gray-400 text-sm">{cred.description}</p>
+                      <p className="text-gray-400 text-sm">
+                        {cred.description}
+                      </p>
                     </div>
                     <Button
                       size="sm"
                       variant="ghost"
-                      onClick={() =>
-                        handleCopy(cred.id, cred.value)
-                      }
+                      onClick={() => handleCopy(cred.id, cred.value)}
                       className="text-purple-400 hover:text-purple-300"
                     >
                       {copiedId === cred.id ? (
@@ -179,7 +175,9 @@ export default function StaffDocs() {
                       )}
                     </Button>
                   </div>
-                  <p className="text-gray-500 text-sm font-mono">{cred.value}</p>
+                  <p className="text-gray-500 text-sm font-mono">
+                    {cred.value}
+                  </p>
                 </div>
               ))}
             </CardContent>