fix(ui): Header branding, sidebar collapse, and layout fitting 1024x600

- Header: Change 'Data Station' to 'RTU', use TCK logo, fix sizing
- Sidebar: MENU text now clickable to collapse/expand
- RainfallView: Fit 1024x600 without scrolling
- GraphView: Fit 1024x600 screen

sample_interface/src/app/components/Sidebar.tsx

@@ -117,13 +117,13 @@ export function Sidebar({ collapsed, onToggle }: SidebarProps) {
         collapsed ? "w-16" : "w-64"
       }`}
     >
-      <div className="p-3 border-b border-gray-700 flex items-center justify-between">
-        {!collapsed && <span className="text-white font-bold text-sm">MENU</span>}
+      <div className="p-2 border-b border-gray-700 flex items-center justify-between">
         <button
           onClick={onToggle}
-          className="p-1.5 hover:bg-gray-800 rounded text-gray-400 hover:text-white transition-colors"
+          className="flex items-center gap-2 text-white font-bold text-sm hover:bg-gray-800 px-2 py-1 rounded transition-colors"
         >
           <ChevronRight className={`w-4 h-4 transition-transform ${collapsed ? "" : "rotate-180"}`} />
+          {!collapsed && <span>MENU</span>}
         </button>
       </div>