Update environment configuration and enhance user management features

- Changed VITE_SUPABASE_URL in .env.example for deployment consistency.
- Added new user management functionality to reset user passwords in UserManagement component.
- Updated supabase.ts to include first and last name fields in user profiles and added password reset functionality.
- Enhanced DashboardLayout to include a user profile view and improved user display in TopNavbar.
- Updated seed.sql to create additional users with roles for testing purposes.

management-dashboard-web-app/src/components/DashboardLayout.tsx

@@ -8,6 +8,7 @@ import { DataEntry } from './DataEntry'
 import { VisionSystem } from './VisionSystem'
 import { Scheduling } from './Scheduling'
 import { VideoStreamingPage } from '../features/video-streaming'
+import { UserProfile } from './UserProfile'
 import { userManagement, type User } from '../lib/supabase'
 
 interface DashboardLayoutProps {
@@ -25,7 +26,7 @@ export function DashboardLayout({ onLogout, currentRoute }: DashboardLayoutProps
   const [isHovered, setIsHovered] = useState(false)
 
   // Valid dashboard views
-  const validViews = ['dashboard', 'user-management', 'experiments', 'analytics', 'data-entry', 'vision-system', 'scheduling', 'video-library']
+  const validViews = ['dashboard', 'user-management', 'experiments', 'analytics', 'data-entry', 'vision-system', 'scheduling', 'video-library', 'profile']
 
   // Save current view to localStorage
   const saveCurrentView = (view: string) => {
@@ -194,6 +195,8 @@ export function DashboardLayout({ onLogout, currentRoute }: DashboardLayoutProps
         return <Scheduling user={user} currentRoute={currentRoute} />
       case 'video-library':
         return <VideoStreamingPage />
+      case 'profile':
+        return <UserProfile user={user} />
       default:
         return <DashboardHome user={user} />
     }
@@ -274,6 +277,7 @@ export function DashboardLayout({ onLogout, currentRoute }: DashboardLayoutProps
           currentView={currentView}
           onToggleSidebar={handleToggleSidebar}
           isSidebarOpen={isMobileOpen}
+          onNavigateToProfile={() => handleViewChange('profile')}
         />
         <div className="p-4 mx-auto max-w-(--breakpoint-2xl) md:p-6">
           {renderCurrentView()}