feat: Updated frontend/src/components/HierarchySwi

frontend/src/components/HierarchySwitcher.jsx

@@ -3,6 +3,15 @@ import { Button, Menu, MenuItem } from '@mui/material';
 import { useNavigation } from './NavigationContext';
 import { fetchHierarchies } from '../api'; // Make sure this import points to your API fetching logic
 
+/**
+ * HierarchySwitcher is a component that provides a button and menu to switch between different
+ * hierarchy views. It utilizes the NavigationContext to manage state, fetching hierarchies,
+ * and handling user interactions.
+ *
+ * There are no parameters for this function. It creates its own state and context from the component.
+ *
+ * @return {JSX.Element} A button and menu for selecting hierarchies within the application.
+ */
 function HierarchySwitcher() {
   const { selectedHierarchy, setSelectedHierarchy, setSelectedRegion } = useNavigation();
   const [hierarchies, setHierarchies] = useState([]);