Dashboard components

dashboard/employee/
├── sidebarshell.tsx          # Main sidebar wrapper
├── sidebarNav.tsx            # Sidebar navigation component
├── homeContent.tsx           # Dashboard home view
├── searchContent.tsx         # Job search view
├── savedContent.tsx          # Saved jobs view
├── applicationsContent.tsx   # Applications view
├── messagesContent.tsx       # Messages view
├── metricsContent.tsx        # Analytics view
├── home/
│   ├── homeHeader.tsx              # Dashboard header with notifications
│   ├── metricCard.tsx              # Metric display card
│   ├── recommendedJobCard.tsx      # Job recommendation card
│   ├── recentApplicationsCard.tsx  # Recent applications widget
│   ├── recentMessagesCard.tsx      # Recent messages widget
│   └── jobAlertsCard.tsx           # Job alerts configuration
└── calendar/
    ├── calendar.tsx                # Main calendar component
    ├── calendar-section.tsx        # Calendar wrapper section
    ├── day-modal.tsx               # Day detail modal
    ├── event-tooltip.tsx           # Event hover tooltip
    └── upcoming-events.tsx         # Upcoming events list

interface NavItem {
  title: string
  url: string
  icon: IconSvgElement
  badge?: string
}

interface NavData {
  navMain: NavItem[]
  explore: NavItem[]
  profileProgress: {
    title: string
    subtitle: string
    percentage: number
    actionText: string
  }
  user: {
    name: string
    title: string
  }
}

const { state, setOpen, open } = useSidebar()

// state: "expanded" | "collapsed"
// open: boolean
// setOpen: (open: boolean) => void

<DropdownMenu>
  <DropdownMenuTrigger asChild>
    <SidebarMenuButton size="lg">
      <Avatar>{/* User avatar */}</Avatar>
      <span>{data?.user.name}</span>
    </SidebarMenuButton>
  </DropdownMenuTrigger>
  <DropdownMenuContent>
    <DropdownMenuItem onClick={handleViewProfile}>
      Ver Perfil
    </DropdownMenuItem>
    <DropdownMenuItem onClick={handleLogout}>
      Cerrar Sesión
    </DropdownMenuItem>
  </DropdownMenuContent>
</DropdownMenu>

const { data, isPending } = authClient.useSession()
const firstName = data?.user?.name?.split(" ")[0] || "Usuario"

// Load metrics from test data
import { DATA } from "@/lib/data/data-test"

DATA.metrics.map((metric) => (
  <MetricCard key={metric.title} metric={metric} />
))

const handleJobClick = useCallback((jobTitle: string, company: string) => {
  const slug = toSlug(jobTitle)
  router.push(`/dashboard/employee/job/${slug}`)
}, [router])

const handleApplyJob = useCallback((jobId: number, jobTitle: string, company: string) => {
  // Application logic
}, [])

const handleSaveJob = useCallback((jobId: number, jobTitle: string, company: string) => {
  // Save job logic
}, [])

const handleNotificationClick = useCallback((id: number) => {
  setNotifications((prev) => 
    prev.map((n) => n.id === id ? { ...n, isRead: true } : n)
  )
}, [])

import { authClient } from "@/lib/auth-client"

const { useSession } = authClient
const { data, isPending } = useSession()

// Access user data
const userName = data?.user?.name
const userEmail = data?.user?.email
const userType = data?.user?.type // "employee" | "organization"

import { useRouter } from "next/navigation"

const router = useRouter()

const handleNavigate = useCallback(() => {
  router.push("/dashboard/employee/profile")
}, [router])

const [notifications, setNotifications] = useState<Notification[]>([])
const [selectedJob, setSelectedJob] = useState<Job | null>(null)

const handleSelect = useCallback((job: Job) => {
  setSelectedJob(job)
}, [])

const toSlug = useCallback((value: string): string => {
  return value
    .toLowerCase()
    .replace(/[^\p{L}\p{N}]+/gu, "-")
    .replace(/^-+|-+$/g, "")
}, [])

const slug = toSlug("Senior Developer") // "senior-developer"

import { memo } from "react"

export const MetricCard = memo(function MetricCard({ metric }: MetricCardProps) {
  return (
    <Card>
      {/* Card content */}
    </Card>
  )
})

interface Metric {
  title: string
  value: string | number
  icon: IconSvgElement
  trend?: string
  trendPositive?: boolean
  subtitle?: string
}

interface Notification {
  id: number
  title: string
  message: string
  time: string
  isRead: boolean
  type: "application" | "interview" | "recommendation"
}

interface Job {
  jobTitle: string
  company: string
  location: string
  salary: string
  type: string
  postedDate: string
}

interface Application {
  jobTitle: string
  company: string
  status: string
  appliedDate: string
}

interface Message {
  id: number
  from: string
  subject: string
  preview: string
  time: string
  isRead: boolean
}