feat(directory): useHeader to handle fast navigation

directory/src/component/dropdown.jsx

@@ -1,5 +1,5 @@
 import React, {
-  useState
+  useState,
 } from 'react'
 import PropTypes from 'prop-types';
 import classes from './scss/dropdown.module.scss'
@@ -13,7 +13,7 @@ export default function Dropdown(props) {
 
   return (
     <>
-      <section className={`${classes.dropdown} ${hidden ? '' : classes.active} ${props.className ? props.className : ''}`} >
+      <section className={`${classes.dropdown} ${hidden ? '' : classes.active} ${props.className ? props.className : ''}`}>
         <section
           className={classes.text}
           onClick={() => toggleDropdown()}

directory/src/component/scss/dropdown.module.scss

@@ -67,6 +67,7 @@
     opacity: 0;
     position: absolute;
     background-color: var(--root-background-color);
+    min-width: 38.2vw;
     width: max-content;
     max-height: 61.8vh;
     max-width: 61.8vw;