feat: youtube icon

src/components/molecules/NavBar.tsx

@@ -4,7 +4,7 @@ import styled from "styled-components";
 import { stopRecording } from "../../api/recording";
 import { useGlobalInfoStore } from "../../context/globalInfo";
 import { IconButton, Menu, MenuItem, Typography, Avatar, Chip, } from "@mui/material";
-import { AccountCircle, Logout, Clear } from "@mui/icons-material";
+import { AccountCircle, Logout, Clear, YouTube } from "@mui/icons-material";
 import { useNavigate } from 'react-router-dom';
 import { AuthContext } from '../../context/auth';
 import { SaveRecording } from '../molecules/SaveRecording';
@@ -114,6 +114,9 @@ export const NavBar: React.FC<NavBarProps> = ({ recordingName, isRecording }) =>
                   <MenuItem onClick={() => { handleMenuClose(); logout(); }}>
                     <Logout sx={{ marginRight: '5px' }} /> Logout
                   </MenuItem>
+                  <MenuItem onClick={() => { handleMenuClose(); logout(); }}>
+                    <YouTube sx={{ marginRight: '5px' }} /> YouTube
+                  </MenuItem>
                 </Menu>
               </>
             ) : (