announcement and events pages are ready with cms

package.json

@@ -10,26 +10,34 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "@floating-ui/react": "^0.27.15",
     "@radix-ui/react-avatar": "^1.1.10",
     "@radix-ui/react-checkbox": "^1.3.2",
     "@radix-ui/react-collapsible": "^1.1.11",
     "@radix-ui/react-dialog": "^1.1.14",
     "@radix-ui/react-dropdown-menu": "^2.1.15",
     "@radix-ui/react-label": "^2.1.7",
+    "@radix-ui/react-popover": "^1.1.14",
     "@radix-ui/react-select": "^2.2.5",
+    "@radix-ui/react-separator": "^1.1.7",
     "@radix-ui/react-slot": "^1.2.3",
     "@radix-ui/react-tabs": "^1.1.12",
     "@tailwindcss/vite": "^4.1.6",
+    "@tiptap/pm": "^3.1.0",
+    "@tiptap/react": "^3.1.0",
+    "@tiptap/starter-kit": "^3.1.0",
     "axios": "^1.11.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "dotenv": "^17.2.1",
     "input-otp": "^1.4.2",
+    "lodash.throttle": "^4.1.1",
     "lucide-react": "^0.510.0",
     "moment": "^2.30.1",
     "next-themes": "^0.4.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "react-hotkeys-hook": "^5.1.0",
     "react-router": "^7.6.0",
     "react-router-dom": "^7.7.1",
     "recoil": "^0.7.7",

src/components/dash-navbar.tsx

@@ -1,4 +1,4 @@
-import { BookOpen, User } from "lucide-react";
+import { BookOpen } from "lucide-react";
 import { Button } from "@/components/ui/button";
 import {
   DropdownMenu,
@@ -7,8 +7,22 @@ import {
   DropdownMenuTrigger,
 } from "@/components/ui/dropdown-menu";
 import { ModeToggle } from "./mode-toggle";
+import { useAdminData } from "@/store/hooks/useAdminData";
+import { Skeleton } from "./ui/skeleton";
+import { Link } from "react-router-dom";
 
 export const DashboardHeader = () => {
+  const { adminInfo, loading, error } = useAdminData();
+  const userInfo = adminInfo?.isUserExist;
+
+  if (loading)
+    return (
+      <div className="flex items-center gap-3 flex-1 space-y-1">
+        <Skeleton className="h-9 w-full" />
+      </div>
+    );
+
+  if (error) return <div>Error loading admin data.</div>;
   return (
     <header className="flex items-center justify-between p-4 lg:px-6 bg-secondary border-b border-border">
       {/* Student Portal Title */}
@@ -18,24 +32,30 @@ export const DashboardHeader = () => {
       </a>
 
       {/* Header Actions */}
-      <div className="flex items-center gap-2">
+      <div className="flex items-center gap-2 ">
         <Button variant="ghost" size="icon" className="hidden sm:flex">
           <ModeToggle />
         </Button>
 
         <DropdownMenu>
-          <DropdownMenuTrigger asChild>
+          <DropdownMenuTrigger>
             <Button
               variant="ghost"
               size="icon"
-              className="rounded-full shadow-sm border"
+              className="rounded-full shadow-sm border p-2"
+              asChild
             >
-              <User className="h-5 w-5" />
+              <img
+                src={userInfo?.profilepic || "./user.svg"}
+                className="size-8 rounded-full dark:text-secondary"
+              />
             </Button>
           </DropdownMenuTrigger>
           <DropdownMenuContent align="end" className="w-48">
-            <DropdownMenuItem>John Dow</DropdownMenuItem>
-            <DropdownMenuItem>Profile</DropdownMenuItem>
+            <DropdownMenuItem>{userInfo.firstname}</DropdownMenuItem>
+            <DropdownMenuItem>
+              <Link to="/setting">Profile</Link>
+            </DropdownMenuItem>
             <DropdownMenuItem>Settings</DropdownMenuItem>
             <DropdownMenuItem>Logout</DropdownMenuItem>
           </DropdownMenuContent>

src/components/dashboard-welcome.tsx

@@ -22,7 +22,7 @@ const DashboardWelcome = () => {
     <div className="bg-special rounded-lg p-4 lg:p-6 flex items-center justify-between w-full">
       <div className="flex items-center gap-3 flex-1">
         <img
-          src={userInfo?.profilepic || "./logo.svg"}
+          src={userInfo?.profilepic || "./user.svg"}
           className="h-16 w-16 rounded-full dark:text-secondary"
         />
 

src/components/mode-toggle.tsx

@@ -12,9 +12,10 @@ import { useTheme } from "@/components/theme-provider";
 export function ModeToggle() {
   const { setTheme } = useTheme();
 
+
   return (
     <DropdownMenu>
-      <DropdownMenuTrigger asChild>
+      <DropdownMenuTrigger>
         <Button variant="outline" size="icon">
           <Sun className="h-[1.2rem] w-[1.2rem] scale-100 rotate-0 transition-all dark:scale-0 dark:-rotate-90" />
           <Moon className="absolute h-[1.2rem] w-[1.2rem] scale-0 rotate-90 transition-all dark:scale-100 dark:rotate-0" />

src/components/setting-profile.tsx

@@ -126,7 +126,7 @@ const SettingProfile = () => {
               <User className="size-7" />
             ) : (
               <img
-                src={userInfo?.profilepic || "./logo.svg"}
+                src={userInfo?.profilepic || "./user.svg"}
                 className="h-16 w-16 rounded-full dark:text-secondary"
               />
             )}

src/components/ui/popover.tsx

@@ -0,0 +1,46 @@
+import * as React from "react"
+import * as PopoverPrimitive from "@radix-ui/react-popover"
+
+import { cn } from "@/lib/utils"
+
+function Popover({
+  ...props
+}: React.ComponentProps<typeof PopoverPrimitive.Root>) {
+  return <PopoverPrimitive.Root data-slot="popover" {...props} />
+}
+
+function PopoverTrigger({
+  ...props
+}: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {
+  return <PopoverPrimitive.Trigger data-slot="popover-trigger" {...props} />
+}
+
+function PopoverContent({
+  className,
+  align = "center",
+  sideOffset = 4,
+  ...props
+}: React.ComponentProps<typeof PopoverPrimitive.Content>) {
+  return (
+    <PopoverPrimitive.Portal>
+      <PopoverPrimitive.Content
+        data-slot="popover-content"
+        align={align}
+        sideOffset={sideOffset}
+        className={cn(
+          "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",
+          className
+        )}
+        {...props}
+      />
+    </PopoverPrimitive.Portal>
+  )
+}
+
+function PopoverAnchor({
+  ...props
+}: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {
+  return <PopoverPrimitive.Anchor data-slot="popover-anchor" {...props} />
+}
+
+export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor }

src/components/ui/separator.tsx

@@ -0,0 +1,26 @@
+import * as React from "react"
+import * as SeparatorPrimitive from "@radix-ui/react-separator"
+
+import { cn } from "@/lib/utils"
+
+function Separator({
+  className,
+  orientation = "horizontal",
+  decorative = true,
+  ...props
+}: React.ComponentProps<typeof SeparatorPrimitive.Root>) {
+  return (
+    <SeparatorPrimitive.Root
+      data-slot="separator"
+      decorative={decorative}
+      orientation={orientation}
+      className={cn(
+        "bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+export { Separator }

src/components/academic/courses/create-course.tsx → src/features/academic/courses/create-course.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import UseModel from "@/components/models/useModel";
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
@@ -113,7 +115,7 @@ const CreateCourse = () => {
         <Label htmlFor="department">Department</Label>
         <Select
           value={createCourse.department}
-          onValueChange={(value) =>
+          onValueChange={(value: string) =>
             SelectHandler("department", value, setCreateCourse)
           }
         >

src/components/academic/courses/edit-course.tsx → src/features/academic/courses/edit-course.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import UseModel from "@/components/models/useModel";
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
@@ -14,14 +16,14 @@ import axios from "axios";
 import { Edit } from "lucide-react";
 import { useState } from "react";
 import { toast } from "sonner";
-import type { CourseData, DepartmentData, EditCourseProps } from "@/types";
+import type { CourseData, DepartmentData, EditCourseData } from "@/types";
 import { courses } from "../../../store/atoms/academics/courses";
 import { useRecoilRefresher_UNSTABLE } from "recoil";
 import { useDepartmentData } from "@/store/hooks/academics/use-department-data";
 
 const base_api = import.meta.env.VITE_SERVER_BASE_URL;
 
-const EditCourse = ({ course }: EditCourseProps) => {
+const EditCourse = ({ course }: EditCourseData) => {
   const { departmentInfo } = useDepartmentData();
   const refreshCourse = useRecoilRefresher_UNSTABLE(courses);
 
@@ -109,7 +111,7 @@ const EditCourse = ({ course }: EditCourseProps) => {
             <Label htmlFor="department">Department</Label>
             <Select
               value={editingCourse.department}
-              onValueChange={(value) =>
+              onValueChange={(value: string) =>
                 SelectHandler("department", value, setEditingCourse)
               }
             >

src/components/academic/courses/index.tsx → src/features/academic/courses/index.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { Badge } from "@/components/ui/badge";
 import { Card, CardContent } from "@/components/ui/card";
 import { useCoursesData } from "@/store/hooks/academics/use-courses-data";

src/components/academic/departments/create-department.tsx → src/features/academic/departments/create-department.tsx

@@ -1,3 +1,5 @@
+'use client'
+
 import UseModel from "@/components/models/useModel";
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";

src/components/academic/departments/edit-department.tsx → src/features/academic/departments/edit-department.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import UseModel from "@/components/models/useModel";
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
@@ -7,13 +9,13 @@ import axios from "axios";
 import { Edit } from "lucide-react";
 import { useState } from "react";
 import { toast } from "sonner";
-import type { DepartmentData, EditDepartmentProps } from "@/types";
+import type { DepartmentData, EditDepartmentData } from "@/types";
 import { department } from "../../../store/atoms/academics/department";
 import { useRecoilRefresher_UNSTABLE } from "recoil";
 
 const base_api = import.meta.env.VITE_SERVER_BASE_URL;
 
-const EditDepartment = ({ departmentInfo }: EditDepartmentProps) => {
+const EditDepartment = ({ departmentInfo }: EditDepartmentData) => {
   const refreshDepartment = useRecoilRefresher_UNSTABLE(department);
 
   const [editingDepartment, setEditingDepartment] =

src/components/academic/departments/index.tsx → src/features/academic/departments/index.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { Button } from "@/components/ui/button";
 import { Card, CardContent } from "@/components/ui/card";
 import { useDepartmentData } from "@/store/hooks/academics/use-department-data";

src/components/academic/programs/create-programs.tsx → src/features/academic/programs/create-programs.tsx

@@ -1,3 +1,5 @@
+'use client'
+
 import UseModel from "@/components/models/useModel";
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
@@ -125,7 +127,7 @@ const CreatePrograms = () => {
         <Label htmlFor="department">Department</Label>
         <Select
           value={createProgram.departmentId}
-          onValueChange={(value) =>
+          onValueChange={(value:string) =>
             SelectHandler("departmentId", value, setCreateProgram)
           }
         >

src/components/academic/programs/edit-program.tsx → src/features/academic/programs/edit-program.tsx

@@ -1,3 +1,5 @@
+'use client'
+
 import UseModel from "@/components/models/useModel";
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
@@ -14,15 +16,15 @@ import axios from "axios";
 import { Edit } from "lucide-react";
 import { useState } from "react";
 import { toast } from "sonner";
-import type { DepartmentData, EditProgramProps, ProgramData } from "@/types";
+import type { DepartmentData, EditProgramData, ProgramData } from "@/types";
 import { programs } from "../../../store/atoms/academics/programs";
 import { useRecoilRefresher_UNSTABLE } from "recoil";
 import { useDepartmentData } from "@/store/hooks/academics/use-department-data";
 import { Textarea } from "@/components/ui/textarea";
 
 const base_api = import.meta.env.VITE_SERVER_BASE_URL;
 
-const EditProgram = ({ program }: EditProgramProps) => {
+const EditProgram = ({ program }: EditProgramData) => {
   const { departmentInfo } = useDepartmentData();
   const refreshCourse = useRecoilRefresher_UNSTABLE(programs);
 
@@ -125,7 +127,7 @@ const EditProgram = ({ program }: EditProgramProps) => {
               value={
                 editingProgram.department?.id || editingProgram.departmentId
               }
-              onValueChange={(value) =>
+              onValueChange={(value:string) =>
                 SelectHandler("department", value, setEditingProgram)
               }
             >

src/components/academic/programs/index.tsx → src/features/academic/programs/index.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { Badge } from "@/components/ui/badge";
 import { Button } from "@/components/ui/button";
 import { Card, CardContent } from "@/components/ui/card";

src/components/academic/semester/create-semster.tsx → src/features/academic/semester/create-semster.tsx

@@ -1,3 +1,6 @@
+'use client'
+
+
 import UseModel from "@/components/models/useModel";
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";

src/components/academic/semester/edit-semester.tsx → src/features/academic/semester/edit-semester.tsx

@@ -1,3 +1,5 @@
+'use client'
+
 import UseModel from "@/components/models/useModel";
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
@@ -14,13 +16,13 @@ import axios from "axios";
 import { Edit } from "lucide-react";
 import { useState } from "react";
 import { toast } from "sonner";
-import type { EditSemesterProps, SemesterData } from "@/types";
+import type { EditSemesterData, SemesterData } from "@/types";
 import { useRecoilRefresher_UNSTABLE } from "recoil";
 import { semester } from "@/store/atoms/academics/semester";
 
 const base_api = import.meta.env.VITE_SERVER_BASE_URL;
 
-const EditSemester = ({ semesterInfo }: EditSemesterProps) => {
+const EditSemester = ({ semesterInfo }: EditSemesterData) => {
   const refreshSemester = useRecoilRefresher_UNSTABLE(semester);
 
   const [editingSemester, setEditingSemester] = useState<SemesterData | null>(

src/components/academic/semester/index.tsx → src/features/academic/semester/index.tsx

@@ -1,3 +1,6 @@
+'use client'
+
+
 import { Badge } from "@/components/ui/badge";
 import { Button } from "@/components/ui/button";
 import { Card, CardContent } from "@/components/ui/card";