rename files to snakecase

src/app/agents/page.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import AgentModal from "@/components/modals/agent-modal";
+import AgentModal from "@/components/modals/agent_modal";
 import { agents } from "@/data/data";
 import { Agent } from "@/types/agent";
 import { Icon } from "@iconify/react";

src/app/layout.tsx

@@ -3,10 +3,10 @@ import "@/styles/globals.css";
 import type { Metadata } from "next";
 import { Inter } from "next/font/google";
 
-import BottomNav from "@/components/bottom-nav";
-import MaxWidthWrapper from "@/components/max-width-wrapper";
-import SideNav from "@/components/side-nav";
-import TopNav from "@/components/top-nav";
+import BottomNav from "@/components/bottom_nav";
+import MaxWidthWrapper from "@/components/max_width_wrapper";
+import SideNav from "@/components/side_nav";
+import TopNav from "@/components/top_nav";
 
 const inter = Inter({ subsets: ["latin"] });
 

src/components/bottom_nav.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import Link from "next/link";
-import useNavigation from "@/hook/use-navigation";
+import useNavigation from "@/hook/use_navigation";
 import { Icon } from "@iconify/react";
 
 const BottomNav = () => {

src/components/side_nav.tsx

@@ -3,7 +3,7 @@
 import { Icon } from "@iconify/react";
 import Image from "next/image";
 import Link from "next/link";
-import useNavigation from "@/hook/use-navigation";
+import useNavigation from "@/hook/use_navigation";
 
 const SideNav = () => {
   const { isMissionsActive, isAgentsActive } = useNavigation();