feat: show button based on recording state

src/components/molecules/NavBar.tsx

@@ -110,14 +110,7 @@ export const NavBar: React.FC<NavBarProps> = ({ newRecording, recordingName, isR
                       <Logout sx={{ marginRight: '5px' }} />
                       Logout</IconButton>
                   </>
-                ) : ""
+                ) : <Button sx={{
-              }
-              {
-                recordingLength > 0
-                  ? <SaveRecording fileName={recordingName} />
-                  : null
-              }
-              {isRecording ? <Button sx={{
                   width: '100px',
                   background: '#fff',
                   color: 'rgba(25, 118, 210, 0.7)',
@@ -130,7 +123,12 @@ export const NavBar: React.FC<NavBarProps> = ({ newRecording, recordingName, isR
                 }} onClick={goToMainMenu}>
                   <MeetingRoomIcon sx={{ marginRight: '5px' }} />
                   exit</Button>
-                : null}
+              }
+              {
+                recordingLength > 0
+                  ? <SaveRecording fileName={recordingName} />
+                  : null
+              }
             </div>
           </>
         ) : ""