Update web/src/components/sidebar/LeftSidebar.tsx

web/src/components/sidebar/LeftSidebar.tsx

@@ -6,14 +6,7 @@ import { Badge } from "../ui/badge";
 
 import { SavedChatSection } from "./SavedChatSection";
 
-import {
-  Pencil,
-  Check,
-  X,
-  MailPlus,
-  Users,
-  GraduationCap,
-} from "lucide-react";
+import { Pencil, Check, X, MailPlus, Users, GraduationCap } from "lucide-react";
 import { toast } from "sonner";
 
 import {
@@ -98,17 +91,6 @@ function norm(s: any) {
   return String(s ?? "").trim().toLowerCase();
 }
 
-function getUserName(u: User | null) {
-  const anyU = u as any;
-  return (
-    anyU?.name ||
-    anyU?.fullName ||
-    anyU?.username ||
-    anyU?.email?.split?.("@")?.[0] ||
-    "there"
-  );
-}
-
 function pickAny(obj: any, keys: string[]) {
   for (const k of keys) {
     const v = obj?.[k];
@@ -335,21 +317,19 @@ export function LeftSidebar(props: Props) {
   const taName = (courseInfo as any)?.teachingAssistant?.name ?? "N/A";
   const taEmail = String((courseInfo as any)?.teachingAssistant?.email ?? "").trim();
 
-  const displayName = useMemo(() => getUserName(user), [user]);
-
   return (
     <div className="h-full w-full flex flex-col min-h-0 bg-background text-foreground">
       {/* ================= TOP (non-scroll) ================= */}
       <div className="flex-shrink-0">
-        {/* Welcome */}
+        {/* ✅ removed Welcome section entirely */}
 
-         <div className="mt-2 mb-4">
-           <Divider />
-         </div>
+        <div className="mt-2 mb-4">
+          <Divider />
+        </div>
 
         {/* Course + Group */}
         <div className="px-4 pt-5 pb-6 space-y-4">
-          {/* Course row with icon (single-color, no container) */}
+          {/* Course row with icon (single-color, no container/background) */}
           <div className="flex items-start gap-3">
             <div className="w-6 flex items-start justify-center flex-shrink-0 pt-[2px]">
               <GraduationCap className="w-5 h-5 text-muted-foreground" />
@@ -357,7 +337,6 @@ export function LeftSidebar(props: Props) {
             <div className="text-[22px] leading-snug font-semibold truncate">{courseName}</div>
           </div>
 
-
           {/* ===== My Space (beautified) ===== */}
           {!isTeamSpace ? (
             <div className="space-y-2">
@@ -371,7 +350,7 @@ export function LeftSidebar(props: Props) {
               </div>
             </div>
           ) : (
-            /* ===== Team/Group (keep your original editable card) ===== */
+            /* ===== Team/Group (editable card) ===== */
             <div className="rounded-2xl border bg-background overflow-hidden">
               <div className="px-4 pt-4 pb-3 space-y-3">
                 {/* Line 1: group name editable */}