Add a widget to display the current date alongside weather information

Introduce a new DateWidget component, integrated into the main layout to display the current date, and refactor WeatherWidget to remove redundant date formatting.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: d43bd811-9372-45a7-8ac9-4a954c0538e1
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/1957c339-2757-4d1f-8e92-e9f71a1ce58e/d43bd811-9372-45a7-8ac9-4a954c0538e1/dB3dp7l

client/src/components/Layout.tsx

@@ -7,6 +7,7 @@ import { useAuthUnified } from "@/hooks/useAuthUnified";
 import { useIsMobile } from "@/hooks/use-mobile";
 import Sidebar from "./Sidebar";
 import WeatherWidget from "./WeatherWidget";
+import DateWidget from "./DateWidget";
 import type { Group } from "@shared/schema";
 
 interface StoreContextType {
@@ -92,8 +93,11 @@ export default function Layout({ children }: LayoutProps) {
                 </Button>
               )}
 
-              {/* Weather widget */}
-              <WeatherWidget />
+              {/* Weather and Date widgets */}
+              <div className="flex items-center gap-3">
+                <WeatherWidget />
+                <DateWidget />
+              </div>
             </div>
 
             {/* Store selector for admin - responsive */}