fix: specify fab conditions

src/App.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import './App.css';
-import { Routes, Route, useLocation } from 'react-router-dom';
+import { Routes, Route, useLocation, useMatch } from 'react-router-dom';
 import Header from '@components/Header';
 import Home from '@pages/Home/Home';
 import Login from '@pages/Login/Login';
@@ -24,8 +24,9 @@ import CSRoutes from '@pages/CS/CSRoutes';
 import { About } from '@pages/About';
 
 function App() {
-  const location = useLocation();
-  const isInHome = location.pathname === '/';
+  //
+  const isInAttendanceList = useMatch('/attendance/list/generation/:generationId');
+  const isInHome = useMatch('/');
 
   //
   //
@@ -38,8 +39,6 @@ function App() {
     }
   }, [isInHome]);
 
-  const isAttendance = useLocation().pathname.includes('/attendance');
-
   //
   //
   //
@@ -68,7 +67,7 @@ function App() {
           <Route path="/signin" element={<Login />} />
           <Route path="/*" element={<NotFound />} />
         </Routes>
-        {isAttendance ? <AttendanceFab /> : <CotatoGlobalFab />}
+        {isInAttendanceList ? <AttendanceFab /> : <CotatoGlobalFab />}
       </CotatoThemeProvider>
     </div>
   );