test: removed userdataModal for testing

Author: AlexVOiceover

src/layouts/components/Header.tsx

@@ -3,7 +3,7 @@ import React, { useState } from 'react';
 import { useEntries } from '../../features/statements/hooks/useEntries';
 import { Dialog, DialogTrigger } from '../../components/ui/dialog';
 import SmallCircularQuestionCounter from '../../components/ui/questionCounter/smallCircularQuestionCounter';
-import UserDataModal from '../../components/modals/UserDataModal';
+// import UserDataModal from '../../components/modals/UserDataModal';
 
 const Header: React.FC = () => {
   const { data } = useEntries();
@@ -17,22 +17,31 @@ const Header: React.FC = () => {
           {/* Mobile: Top row with logo and login / Desktop: 3-column layout */}
           <div className='flex w-full min-[580px]:w-auto items-center justify-between min-[580px]:justify-start'>
             {/* Logo - always left */}
-            <img src='/lift_logo.png' alt='Logo' className='h-8 sm:h-10 mr-2 shrink-0' />
-            
+            <img
+              src='/lift_logo.png'
+              alt='Logo'
+              className='h-8 sm:h-10 mr-2 shrink-0'
+            />
+
             {/* Login - right on mobile, disappears on desktop (reappears in its desktop position) */}
-            <div className="min-[580px]:hidden">
+            <div className='min-[580px]:hidden'>
               {data.username ? (
-                <Dialog open={isDashboardOpen} onOpenChange={setIsDashboardOpen}>
+                <Dialog
+                  open={isDashboardOpen}
+                  onOpenChange={setIsDashboardOpen}
+                >
                   <DialogTrigger asChild>
                     <button className='flex items-center shrink-0 border-2 border-white rounded-full px-2 py-1 sm:px-4 sm:py-2 cursor-pointer hover:bg-pink-600 transition-colors'>
                       <span className='hidden sm:inline mr-2'>Logged as: </span>
-                      <span className='mr-2 text-xs sm:text-base truncate max-w-[100px] sm:max-w-[150px]'>{data.username}</span>
+                      <span className='mr-2 text-xs sm:text-base truncate max-w-[100px] sm:max-w-[150px]'>
+                        {data.username}
+                      </span>
                       <SmallCircularQuestionCounter size={18} />
                     </button>
                   </DialogTrigger>
-                  <UserDataModal
+                  {/* <UserDataModal
                     onOpenChange={setIsDashboardOpen}
-                  />
+                  /> */}
                 </Dialog>
               ) : (
                 <div className='flex shrink-0 items-center border-2 border-white rounded-full px-2 py-1 sm:px-4 sm:py-2 cursor-default'>
@@ -43,24 +52,26 @@ const Header: React.FC = () => {
               )}
             </div>
           </div>
-          
+
           {/* Title - bottom row on mobile, center column on desktop */}
-          <h1 className='text-xl sm:text-2xl font-bold w-full min-[580px]:w-auto min-[580px]:flex-1 text-left min-[580px]:text-center mt-2 min-[580px]:mt-0'>Beacons</h1>
-          
+          <h1 className='text-xl sm:text-2xl font-bold w-full min-[580px]:w-auto min-[580px]:flex-1 text-left min-[580px]:text-center mt-2 min-[580px]:mt-0'>
+            Beacons
+          </h1>
+
           {/* Login - hidden on mobile (appears in mobile top row), right on desktop */}
-          <div className="hidden min-[580px]:block">
+          <div className='hidden min-[580px]:block'>
             {data.username ? (
               <Dialog open={isDashboardOpen} onOpenChange={setIsDashboardOpen}>
                 <DialogTrigger asChild>
                   <button className='flex items-center shrink-0 border-2 border-white rounded-full px-2 py-1 sm:px-4 sm:py-2 cursor-pointer hover:bg-pink-600 transition-colors'>
                     <span className='hidden sm:inline mr-2'>Logged as: </span>
-                    <span className='mr-2 text-xs sm:text-base truncate max-w-[100px] sm:max-w-[150px]'>{data.username}</span>
+                    <span className='mr-2 text-xs sm:text-base truncate max-w-[100px] sm:max-w-[150px]'>
+                      {data.username}
+                    </span>
                     <SmallCircularQuestionCounter size={18} />
                   </button>
                 </DialogTrigger>
-                <UserDataModal
-                  onOpenChange={setIsDashboardOpen}
-                />
+                {/* <UserDataModal onOpenChange={setIsDashboardOpen} /> */}
               </Dialog>
             ) : (
               <div className='flex shrink-0 items-center border-2 border-white rounded-full px-2 py-1 sm:px-4 sm:py-2 cursor-default'>