fix sidebar width change during toggling between tabs.

Reviewed-on: http://178.131.50.201:3000/admin/dyolink/pulls/44

README.md

@@ -1,6 +1,6 @@
 # Dyolink
 
-Monorepo: **NestJS** backend (`backend/`), **Next.js** frontend (`frontend/`), **Docker** stack under `infrastructure/`.
+Monorepo: **NestJS** backend (`backend/`), **Next.js** frontend (`frontend/`), **Docker** stack under `infrastructure/`..
 
 Local development: see **`backend/README.md`** and **`frontend/README.md`**.
 

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

@@ -53,7 +53,7 @@ export function InvitationHistoryDialog({
   return (
     <div className="fixed inset-0 z-50 flex items-center justify-center p-4 bg-black/50">
       <div
-        className="w-full max-w-[min(56rem,calc(100vw-17rem))] max-h-[90vh] overflow-y-auto rounded-[var(--radius-md)] border border-border bg-background-secondary p-6 shadow-xl space-y-4"
+        className="w-full max-w-[min(56rem,calc(100vw-15rem))] max-h-[90vh] overflow-y-auto rounded-[var(--radius-md)] border border-border bg-background-secondary p-6 shadow-xl space-y-4"
         role="dialog"
         aria-modal="true"
         aria-labelledby="invitation-history-title"

frontend/src/components/ui/patient/CreatePatientModal.tsx

@@ -107,7 +107,7 @@ export function CreatePatientModal({
         }}
       >
         <div
-          className="surface-card w-full max-w-[min(56rem,calc(100vw-17rem))] p-5 space-y-4 shadow-xl"
+          className="surface-card w-full max-w-[min(56rem,calc(100vw-15rem))] p-5 space-y-4 shadow-xl"
           role="dialog"
           aria-modal="true"
           aria-labelledby="create-patient-dialog-title"

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

@@ -59,7 +59,7 @@ function Sidebar() {
   );
 
   return (
-    <aside className="w-64 bg-background-secondary/90 border-r border-border text-text-primary flex flex-col">
+    <aside className="w-56 min-w-56 shrink-0 bg-background-secondary/90 border-r border-border text-text-primary flex flex-col">
       <div className="h-[71px] px-4 flex items-center">
         <h1 className="text-lg font-medium tracking-tight">{tCommon('appName')}</h1>
       </div>

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

@@ -66,7 +66,7 @@ export function TreatmentPreviewDialog({
   return (
     <div className="fixed inset-0 z-50 flex items-center justify-center p-4 bg-black/50">
       <div
-        className="w-full max-w-[min(56rem,calc(100vw-17rem))] max-h-[90vh] overflow-y-auto rounded-[var(--radius-md)] border border-border bg-background-secondary p-6 shadow-xl space-y-4"
+        className="w-full max-w-[min(56rem,calc(100vw-15rem))] max-h-[90vh] overflow-y-auto rounded-[var(--radius-md)] border border-border bg-background-secondary p-6 shadow-xl space-y-4"
         role="dialog"
         aria-modal="true"
         aria-labelledby="treatment-preview-title"