feat: wrap recording & exit buttons inside user !null check

src/components/molecules/NavBar.tsx

@@ -54,6 +54,9 @@ export const NavBar = ({ newRecording, recordingName, isRecording }: NavBarProps
 
   return (
     <NavBarWrapper>
+              {
+                user !== null ? (
+                  <>
                     <div style={{
                       display: 'flex',
                       justifyContent: 'flex-start',
@@ -106,8 +109,6 @@ export const NavBar = ({ newRecording, recordingName, isRecording }: NavBarProps
                         <MeetingRoomIcon sx={{ marginRight: '5px' }} />
                         exit</Button>
                         : null}
-        {
-          user !== null ? (
                           <Button sx={{
                             width: '100px',
                             background: '#fff',
@@ -121,9 +122,10 @@ export const NavBar = ({ newRecording, recordingName, isRecording }: NavBarProps
                           }} onClick={logout}>
                             <MeetingRoomIcon sx={{ marginRight: '5px' }} />
                             logout</Button>
+                    </div>
+                  </>
                 ) : ""
               }
-      </div>
 
     </NavBarWrapper>
   );