fix: update sidebar border styling for consistency across pages

app/[locale]/calendar/page.tsx

@@ -697,7 +697,7 @@ export default function CalendarPage() {
     <div className="flex h-dvh bg-background overflow-hidden">
       {/* Left Navigation Rail */}
       {!isMobile && (
-        <div className="w-14 border-r border-border bg-secondary flex flex-col flex-shrink-0">
+        <div className="w-14 bg-secondary flex flex-col flex-shrink-0" style={{ borderRight: '1px solid rgba(128, 128, 128, 0.3)' }}>
           <NavigationRail
             collapsed
             quota={quota}
@@ -707,28 +707,7 @@ export default function CalendarPage() {
         </div>
       )}
 
-      <div className="flex flex-col flex-1 min-w-0">
+      {/* Sidebar - full height */}
-        <CalendarToolbar
-          selectedDate={selectedDate}
-          viewMode={viewMode}
-          onPrev={navigatePrev}
-          onNext={navigateNext}
-          onToday={goToToday}
-          onViewModeChange={setViewMode}
-          onCreateEvent={() => openCreateModal()}
-          onImport={() => setShowImportModal(true)}
-          onSubscribe={() => setShowSubscriptionModal(true)}
-          isMobile={isMobile}
-          calendars={calendars}
-          selectedCalendarIds={selectedCalendarIds}
-          onToggleVisibility={toggleCalendarVisibility}
-        />
-
-        <div
-          className="flex flex-1 overflow-hidden relative"
-          onTouchStart={handleTouchStart}
-          onTouchEnd={handleTouchEnd}
-        >
       {!isMobile && (
         <>
           <div
@@ -769,6 +748,28 @@ export default function CalendarPage() {
         </>
       )}
 
+      <div className="flex flex-col flex-1 min-w-0">
+        <CalendarToolbar
+          selectedDate={selectedDate}
+          viewMode={viewMode}
+          onPrev={navigatePrev}
+          onNext={navigateNext}
+          onToday={goToToday}
+          onViewModeChange={setViewMode}
+          onCreateEvent={() => openCreateModal()}
+          onImport={() => setShowImportModal(true)}
+          onSubscribe={() => setShowSubscriptionModal(true)}
+          isMobile={isMobile}
+          calendars={calendars}
+          selectedCalendarIds={selectedCalendarIds}
+          onToggleVisibility={toggleCalendarVisibility}
+        />
+
+        <div
+          className="flex flex-1 overflow-hidden relative"
+          onTouchStart={handleTouchStart}
+          onTouchEnd={handleTouchEnd}
+        >
           {renderView()}
 
           {/* Desktop event panel */}

app/[locale]/contacts/page.tsx

@@ -437,7 +437,7 @@ export default function ContactsPage() {
   return (
     <div className="flex h-dvh bg-background overflow-hidden">
       {!isMobile && (
-        <div className="w-14 border-r border-border bg-secondary flex flex-col flex-shrink-0">
+        <div className="w-14 bg-secondary flex flex-col flex-shrink-0" style={{ borderRight: '1px solid rgba(128, 128, 128, 0.3)' }}>
           <NavigationRail
             collapsed
             quota={quota}

app/[locale]/files/page.tsx

@@ -348,7 +348,7 @@ export default function FilesPage() {
   return (
     <div className="flex h-dvh bg-background overflow-hidden">
       {!isMobile && (
-        <div className="w-14 border-r border-border bg-secondary flex flex-col flex-shrink-0">
+        <div className="w-14 bg-secondary flex flex-col flex-shrink-0" style={{ borderRight: '1px solid rgba(128, 128, 128, 0.3)' }}>
           <NavigationRail
             collapsed
             quota={quota}

app/[locale]/page.tsx

@@ -935,7 +935,7 @@ export default function Home() {
         <div className="flex flex-1 overflow-hidden">
         {/* Desktop Navigation Rail */}
         {!isMobile && !isTablet && (
-          <div className="w-14 border-r border-border bg-secondary flex flex-col flex-shrink-0">
+          <div className="w-14 bg-secondary flex flex-col flex-shrink-0" style={{ borderRight: '1px solid rgba(128, 128, 128, 0.3)' }}>
             <NavigationRail
               collapsed
               quota={quota}

app/[locale]/settings/page.tsx

@@ -284,7 +284,7 @@ export default function SettingsPage() {
   return (
     <div className="flex h-dvh bg-background">
       {/* Navigation Rail */}
-      <div className="w-14 border-r border-border bg-secondary flex flex-col flex-shrink-0">
+      <div className="w-14 bg-secondary flex flex-col flex-shrink-0" style={{ borderRight: '1px solid rgba(128, 128, 128, 0.3)' }}>
         <NavigationRail
           collapsed
           quota={quota}

components/calendar/calendar-toolbar.tsx

@@ -118,17 +118,19 @@ export function CalendarToolbar({
 
   return (
     <div className={cn("flex items-center gap-1.5 px-2 py-2 border-b border-border flex-wrap", !isMobile && "px-4 py-3 gap-2")}>
+      {isMobile && (
         <div className="flex items-center gap-0.5">
           <button onClick={onPrev} className="p-2 rounded hover:bg-muted transition-colors touch-manipulation" aria-label={t("nav_prev")}>
             <ChevronLeft className="w-4 h-4" />
           </button>
-        <span className={cn("text-sm font-medium text-center", isMobile ? "min-w-[80px]" : "min-w-[140px]")}>
+          <span className={cn("text-sm font-medium text-center min-w-[80px]")}>
             {getDateLabel()}
           </span>
           <button onClick={onNext} className="p-2 rounded hover:bg-muted transition-colors touch-manipulation" aria-label={t("nav_next")}>
             <ChevronRight className="w-4 h-4" />
           </button>
         </div>
+      )}
 
       <Button variant="outline" size="sm" onClick={onToday} className="touch-manipulation">
         {t("views.today")}