feat: Implement faculty management routes and UI components

- Added a new route for managing faculties with a grid display of faculties.
- Created a detailed view for each faculty including metrics and recent activities.
- Introduced a new loader for fetching faculty data and associated plans and subjects.
- Enhanced the existing plans route to include a modal for plan details.
- Updated the login and index pages with improved UI and styling.
- Integrated a progress ring component to visualize the quality of plans.
- Applied a new font style across the application for consistency.

src/routes/login.tsx

@@ -6,7 +6,6 @@ import { Input } from "@/components/ui/input"
 import { Label } from "@/components/ui/label"
 import { Separator } from "@/components/ui/separator"
 import { Mail, Lock, Eye, EyeOff, Loader2, Shield } from "lucide-react"
-import { useTheme } from "@/components/theme-provider"
 
 export const Route = createFileRoute("/login")({
   validateSearch: (search) => ({
@@ -58,7 +57,7 @@ function LoginComponent() {
           <div className="mx-auto mb-2 flex h-12 w-12 items-center justify-center rounded-2xl bg-muted">
             <Shield className="h-6 w-6 text-foreground" aria-hidden />
           </div>
-          <CardTitle className="text-2xl">Iniciar sesión</CardTitle>
+          <CardTitle className="text-2xl font-mono">Iniciar sesión</CardTitle>
           <CardDescription className="text-muted-foreground">
             Accede a tu panel para gestionar planes y materias
           </CardDescription>
@@ -127,7 +126,7 @@ function LoginComponent() {
               </div>
             </div>
 
-            <Button type="submit" disabled={isLoading} className="w-full" size="lg">
+            <Button type="submit" disabled={isLoading} className="w-full font-mono" size="lg">
               {isLoading ? (
                 <span className="inline-flex items-center gap-2">
                   <Loader2 className="h-4 w-4 animate-spin" /> Iniciando…