bugfix: organization sidebar icon updated like organization switch feature.

frontend/src/components/ui/appointments/AppointmentBookingModal.tsx

@@ -12,7 +12,7 @@ import {
   compareLocalDayStart,
   formatTimeForInput,
   isSameLocalCalendarDay,
-} from '@/lib/appointmentTime';
+} from '@/components/appointments/appointmentTime';
 
 interface AppointmentBookingModalProps {
   open: boolean;

frontend/src/components/ui/appointments/AppointmentScheduleGrid.tsx

@@ -2,12 +2,12 @@
 
 import { useMemo, useState } from 'react';
 import type { AppointmentColumnProvider, AppointmentRecord } from '@/types/appointment';
-import { formatHourLabel } from '@/lib/appointmentTime';
+import { formatHourLabel } from '@/components/appointments/appointmentTime';
 import {
   computeAppointmentLaneLayouts,
   findOverlapCluster,
   lanePositionStyles,
-} from '@/lib/appointmentOverlapLayout';
+} from '@/components/appointments/appointmentOverlapLayout';
 import { purposeStyle } from '@/components/ui/appointments/appointmentPurposeStyles';
 import { AppointmentOverlapPopover } from '@/components/ui/appointments/AppointmentOverlapPopover';
 

frontend/src/components/ui/organizations/OrganizationSelectorContent.tsx

@@ -3,7 +3,9 @@
 import { useMemo, useState } from 'react';
 import { useAuth } from '@/lib/hooks/useAuth';
 import { canCreateOrganizationFromCurrentOrg } from '@/components/shared/permissions';
-import { Building2, Beaker, Mail } from 'lucide-react';
+import { Building2, Mail } from 'lucide-react';
+import type { Organization } from '@/types/organization';
+import { organizationTypeIcon } from '@/components/shared/organizationTypeIcon';
 import { Input } from '@/components/ui/shared/Input';
 import { Button } from '@/components/ui/shared/Button';
 
@@ -26,8 +28,10 @@ export function OrganizationSelectorContent() {
   const [organizationEmail, setOrganizationEmail] = useState('');
   const [organizationType, setOrganizationType] = useState<'CLINIC' | 'LAB'>('CLINIC');
 
-  const getIcon = (type: string) =>
-    type === 'CLINIC' ? <Building2 className="h-8 w-8 icon-flat" /> : <Beaker className="h-8 w-8 icon-flat" />;
+  const renderOrgTypeIcon = (type: Organization['type']) => {
+    const Icon = organizationTypeIcon(type);
+    return <Icon className="h-8 w-8 icon-flat" />;
+  };
 
   const handleCreateOrganization = async () => {
     try {
@@ -158,7 +162,7 @@ export function OrganizationSelectorContent() {
               className="surface-card p-6 transition-all text-left flex items-center gap-4 hover:border-primary/60"
             >
               <div className="p-3 bg-primary-soft rounded-[var(--radius-sm)] text-primary">
-                {getIcon(org.type)}
+                {renderOrgTypeIcon(org.type)}
               </div>
 
               <div className="flex-1">

frontend/src/components/ui/shared/OrganizationCard.tsx

@@ -1,7 +1,8 @@
 // src/components/ui/OrganizationCard.tsx
 import React from 'react';
-import { Building2, Beaker, ChevronRight } from 'lucide-react';
+import { ChevronRight } from 'lucide-react';
 import type { Organization } from '@/types/organization';
+import { organizationTypeIcon } from '@/components/shared/organizationTypeIcon';
 
 interface OrganizationCardProps {
   organization: Organization;
@@ -12,7 +13,7 @@ export const OrganizationCard: React.FC<OrganizationCardProps> = ({
   organization,
   onSelect,
 }) => {
-  const Icon = organization.type === 'CLINIC' ? Building2 : Beaker;
+  const Icon = organizationTypeIcon(organization.type);
   const typeText = organization.type === 'CLINIC' ? 'Dental Clinic' : 'Dental Lab';
 
   return (

frontend/src/components/ui/shared/ScheduleDayPicker.tsx

@@ -2,7 +2,7 @@
 
 import { useEffect, useId, useRef, useState } from 'react';
 import { ChevronDown, ChevronLeft, ChevronRight } from 'lucide-react';
-import { addCalendarDays, startOfLocalDay } from '@/lib/appointmentTime';
+import { addCalendarDays, startOfLocalDay } from '@/components/appointments/appointmentTime';
 
 interface ScheduleDayPickerProps {
   value: Date;

frontend/src/components/ui/shared/Sidebar.tsx

@@ -14,9 +14,13 @@ import {
 } from 'lucide-react';
 import { useAuth } from '@/lib/hooks/useAuth';
 import { canAccessAppointmentsSection, canViewTab } from '@/components/shared/permissions';
+import {
+  counterpartOrganizationType,
+  organizationTypeIcon,
+} from '@/components/shared/organizationTypeIcon';
 
 const menu = [
-  { name: 'Today', path: '/today', icon: LayoutDashboard, read: 'TAB_TODAY_READ' as const },
+  { name: 'Dashboard', path: '/today', icon: LayoutDashboard, read: 'TAB_TODAY_READ' as const },
   { name: 'Staff', path: '/staff', icon: UserCog, read: 'TAB_STAFF_READ' as const },
   { name: 'Patients', path: '/patients', icon: Users, read: 'TAB_PATIENTS_READ' as const },
   { name: 'Appointment', path: '/appointments', icon: Calendar, read: 'TAB_APPOINTMENTS_READ' as const },
@@ -29,6 +33,9 @@ function Sidebar() {
   const pathname = usePathname();
   const { currentOrganization } = useAuth();
   const counterpartLabel = currentOrganization?.type === 'LAB' ? 'Clinics' : 'Labs';
+  const organizationsTabIcon = organizationTypeIcon(
+    counterpartOrganizationType(currentOrganization?.type),
+  );
 
   const visibleMenu = useMemo(
     () => {
@@ -38,7 +45,7 @@ function Sidebar() {
         {
           name: counterpartLabel,
           path: '/organizations',
-          icon: FlaskConical,
+          icon: organizationsTabIcon,
           read: 'TAB_ORGANIZATIONS_READ' as const,
         },
         menu[2],
@@ -54,7 +61,7 @@ function Sidebar() {
         return canViewTab(currentOrganization, item.read);
       });
     },
-    [counterpartLabel, currentOrganization],
+    [counterpartLabel, organizationsTabIcon, currentOrganization],
   );
 
   return (

frontend/src/components/ui/treatment/AppointmentsStrip.tsx

@@ -4,7 +4,7 @@ import { CalendarDays } from 'lucide-react';
 import { purposeStyle } from '@/components/ui/appointments/appointmentPurposeStyles';
 import { Card } from '@/components/ui/shared/Card';
 import { ScheduleDayPicker } from '@/components/ui/shared/ScheduleDayPicker';
-import { startOfLocalDay } from '@/lib/appointmentTime';
+import { startOfLocalDay } from '@/components/appointments/appointmentTime';
 import type { TreatmentAppointment } from '@/types/treatment';
 
 interface AppointmentsStripProps {

frontend/src/components/ui/treatment/TreatmentWorkspace.tsx

@@ -9,7 +9,7 @@ import { Button } from '@/components/ui/shared/Button';
 import { Dropdown } from '@/components/ui/shared/Dropdown';
 import { SearchBar } from '@/components/ui/shared/SearchBar';
 import { Toast } from '@/components/ui/shared/Toast';
-import { compareLocalDayStart, isSameLocalCalendarDay, startOfLocalDay } from '@/lib/appointmentTime';
+import { compareLocalDayStart, isSameLocalCalendarDay, startOfLocalDay } from '@/components/appointments/appointmentTime';
 import {
   fetchLinkedOrganizations,
   fetchMyAppointmentsForDay,
@@ -17,7 +17,7 @@ import {
   saveTreatmentDraft,
   sendTreatmentRecord,
 } from '@/lib/mocks/treatmentMockApi';
-import { pickAutoAppointment } from '@/lib/treatmentSelection';
+import { pickAutoAppointment } from '@/components/shared/treatmentSelection';
 import { canEditTreatment } from '@/components/shared/permissions';
 import type { Organization } from '@/types/organization';
 import type {