code refactoring

frontend/src/components/Logout.tsx

@@ -1,13 +1,15 @@
 import { ListItemButton, ListItemIcon, ListItemText } from '@mui/material'
 import LogoutIcon from '@mui/icons-material/Logout'
-import { getHttpEndpoint } from '../utils'
 import { useNavigate } from 'react-router-dom'
+import { useRecoilValue } from 'recoil'
+import { serverURL } from '../atoms/settings'
 
 export default function Logout() {
   const navigate = useNavigate()
+  const url = useRecoilValue(serverURL)
 
   const logout = async () => {
-    const res = await fetch(`${getHttpEndpoint()}/auth/logout`)
+    const res = await fetch(`${url}/auth/logout`)
     if (res.ok) {
       navigate('/login')
     }