diff --git a/src/components/BottomNav.tsx b/src/components/BottomNav.tsx
index c9840295..d15d01b3 100644
--- a/src/components/BottomNav.tsx
+++ b/src/components/BottomNav.tsx
@@ -1,12 +1,10 @@
 "use client";
 import * as I from "lucide-react";
-import Link from "next/link";
-import { FC, useEffect } from "react";
+import { FC, useEffect, useMemo } from "react";
 import { usePathname, useRouter } from "next/navigation";
 import { Route } from "next";
 import { useSettings } from "@/hooks/contexts/settings";
 import useDictionary from "@/dictionaries/useDictionary";
-import { link } from "fs";
 import { Separator } from "@/components/ui/separator";
 
 const BottomNav: FC = () => {
@@ -19,44 +17,41 @@ const BottomNav: FC = () => {
     href: Route;
     icon: JSX.Element;
     color: string;
-  }[] = [
-    {
-      title: dict.navigation.today,
-      href: `/${language}/today`,
-      icon: <I.LayoutList strokeWidth="2" />,
-      color: "#7EC96D",
-    },
-    {
-      title: dict.navigation.timetable,
-      href: `/${language}/timetable`,
-      icon: <I.Calendar strokeWidth="2" />,
-      color: "#E47B86",
-    },
-    {
-      title: dict.navigation.courses,
-      href: `/${language}/courses`,
-      icon: <I.BookOpen strokeWidth="2" />,
-      color: "#7BC2CF",
-    },
-    {
-      title: dict.navigation.bus,
-      href: `/${language}/bus`,
-      icon: <I.Bus strokeWidth="2" />,
-      color: "#EB8751",
-    },
-    {
-      title: dict.applist.title,
-      href: `/${language}/apps`,
-      icon: <I.LayoutGrid strokeWidth="2" />,
-      color: "#AEA3C9",
-    },
-    {
-      title: dict.navigation.settings,
-      href: `/${language}/settings`,
-      icon: <I.Settings strokeWidth="2" />,
-      color: "#B46DD6",
-    },
-  ];
+  }[] = useMemo(
+    () => [
+      {
+        title: dict.navigation.today,
+        href: `/${language}/today`,
+        icon: <I.LayoutList strokeWidth="2" />,
+        color: "#7EC96D",
+      },
+      {
+        title: dict.navigation.timetable,
+        href: `/${language}/timetable`,
+        icon: <I.Calendar strokeWidth="2" />,
+        color: "#E47B86",
+      },
+      {
+        title: dict.navigation.bus,
+        href: `/${language}/bus`,
+        icon: <I.Bus strokeWidth="2" />,
+        color: "#EB8751",
+      },
+      {
+        title: dict.applist.title,
+        href: `/${language}/apps`,
+        icon: <I.LayoutGrid strokeWidth="2" />,
+        color: "#AEA3C9",
+      },
+      {
+        title: dict.navigation.settings,
+        href: `/${language}/settings`,
+        icon: <I.Settings strokeWidth="2" />,
+        color: "#B46DD6",
+      },
+    ],
+    [language, dict],
+  );
 
   useEffect(() => {
     links.forEach((link) => {
@@ -67,7 +62,7 @@ const BottomNav: FC = () => {
   return (
     <div className="fixed w-full bottom-0 md:hidden flex-col h-[5rem] bg-background z-50 flex">
       <Separator />
-      <nav className="grid grid-cols-6 items-center py-2.5">
+      <nav className="grid grid-cols-5 items-center py-2.5">
         {links.map((link, index) => (
           <div
             className={`flex flex-col items-center gap-1 ${link.href == pathname ? "text-primary" : "text-gray-400"}`}
diff --git a/src/components/SideNav.tsx b/src/components/SideNav.tsx
index bcf2a0bf..2650815e 100644
--- a/src/components/SideNav.tsx
+++ b/src/components/SideNav.tsx
@@ -30,12 +30,6 @@ const SideNav: FC = () => {
         icon: <I.Calendar strokeWidth="2" />,
         color: "#E47B86",
       },
-      {
-        title: dict.navigation.courses,
-        href: `/${language}/courses`,
-        icon: <I.BookOpen strokeWidth="2" />,
-        color: "#7BC2CF",
-      },
       {
         title: dict.navigation.bus,
         href: `/${language}/bus`,