show subject code in the sidebar

Author: parthsali

app/(main)/academics/SubjectTreeItem.tsx

@@ -11,6 +11,8 @@ import { Button } from "@/components/ui/button";
 import { Loader2, ChevronRight, Folder, FileText } from "lucide-react";
 import { ActiveFile, File } from "@/types/file";
 import { Subject } from "@/types/subject";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@/components/ui/tooltip";
+
 // ✨ CHANGED: Imported types
 
 // ✨ CHANGED: Defined props for helper components
@@ -114,13 +116,27 @@ export function SubjectTreeItem({
   return (
     <Collapsible onOpenChange={handleOpen} className="group">
       <CollapsibleTrigger asChild>
-        <Button variant="ghost" className="w-full justify-start gap-2 pr-2 h-9">
-          <Folder className="h-4 w-4" />
-          <span className="flex-1 text-left truncate font-medium">
-            {subject.name}
+      <TooltipProvider>
+  <CollapsibleTrigger asChild>
+    <Button variant="ghost" className="w-full justify-start gap-2 pr-2 h-9">
+      <Tooltip>
+        <TooltipTrigger asChild>
+          <span className="flex w-full items-center gap-2">
+            <Folder className="h-4 w-4" />
+            <span className="flex-1 text-left truncate font-medium">
+              {subject.code}
+            </span>
+            <ChevronRight className="h-4 w-4 shrink-0 transition-transform duration-200 group-data-[state=open]:rotate-90" />
           </span>
-          <ChevronRight className="h-4 w-4 shrink-0 transition-transform duration-200 group-data-[state=open]:rotate-90" />
-        </Button>
+        </TooltipTrigger>
+        <TooltipContent>
+          {subject.name}
+        </TooltipContent>
+      </Tooltip>
+    </Button>
+  </CollapsibleTrigger>
+</TooltipProvider>
+
       </CollapsibleTrigger>
       <CollapsibleContent>
         <div className="pl-6 border-l border-muted ml-[11px] py-1 space-y-0.5">