remove old code and fix current code

app/page.tsx

@@ -1,13 +1,6 @@
 "use client";
 import { useState, useEffect } from "react";
 import axios from "axios";
-import Link from "next/link";
-import {
-  GoogleOAuthProvider,
-  GoogleLogin,
-  googleLogout,
-} from "@react-oauth/google";
-import { jwtDecode } from "jwt-decode";
 
 interface Food {
   name: string;
@@ -23,43 +16,16 @@ interface Category {
   name: string;
   sub_categories: Array<subCategory>;
 }
-import DhBar from "@/components/dh_bar_main";
 
 interface DiningHall {
   name: string;
   categories: Category;
 }
-interface User {
-  name: string;
-  picture: string;
-}
 
-function ButtonLink(props: any) {
-  return (
-    <div className="underline text-blue-600">
-      <Link
-        href={{
-          pathname: `/${encodeURIComponent(props.number)}`,
-          query: {
-            name: props.name,
-          },
-        }}
-      >
-        {props.button_name}
-      </Link>
-    </div>
-  );
-}
+import DhBar from "@/components/dh_bar_main";
 
 export default function Home() {
   const [dhs, setDhs] = useState<DiningHall[]>([]);
-  const [dhs_names, set_dhs_names] = useState([""]);
-  const [searchInput, setSearchInput] = useState("");
-  const [filteredFoods, setFilteredFoods] = useState<
-    { food: Food; dhName: string; categoryName: string }[]
-  >([]);
-  const [showSearchResults, setShowSearchResults] = useState(false);
-  const [noFoodsFound, setNoFoodsFound] = useState(false);
 
   useEffect(() => {
     axios
@@ -73,91 +39,28 @@ export default function Home() {
       });
   }, []);
 
-  const handleSearchInputChange = (
-    event: React.ChangeEvent<HTMLInputElement>,
-  ) => {
-    setSearchInput(event.target.value);
-  };
-
-  const handleSearch = () => {
-    const allFoods: { food: Food; dhName: string; categoryName: string }[] = [];
-    dhs.forEach((dh) => {
-      dh.categories.forEach((category) => {
-        category.sub_categories.forEach((subCategory) => {
-          subCategory.foods.forEach((food) => {
-            allFoods.push({
-              food,
-              dhName: dh.name,
-              categoryName: category.name,
-            });
-          });
-        });
-      });
-    });
-
-    const filtered = allFoods.filter(({ food }) =>
-      food.name.toLowerCase().includes(searchInput.toLowerCase()),
-    );
-    // .filter(({ food }, index, self) => self.findIndex(({ food }) => food.name === food.name) === index);
-
-    setNoFoodsFound(filtered.length === 0);
-    setFilteredFoods(filtered);
-    setShowSearchResults(true);
-  };
-
   return (
     <main>
       <div>
         <h1 className="font-semibold py-5 text-4xl text-[#003C6C] flex items-center justify-center">
           Locations
         </h1>
 
-        {/* Display search results if button clicked */}
-        {showSearchResults && (
-          <div>
-            <h3>Search Results:</h3>
-            <ul>
-              {filteredFoods.map(({ food, dhName, categoryName }, index) => (
-                <li key={index}>
-                  {food.name} - {categoryName} ({dhName})
-                </li>
-              ))}
-            </ul>
-          </div>
-        )}
 
-        {noFoodsFound && (
-          <div>
-            <h3>No foods found at this dining hall.</h3>
-          </div>
-        )}
+        <ul className="flex font-medium text-2xl text-[#003C6C] flex items-center justify-center pb-5">
+          {
+            [["Dining Halls", "#"], ["Markets", "#"], ["Cafes & Other", "#"]].map(([category, href]: Array<string>, i) => (
+              <li key={i} className="">
+                <a
+                  href={href}
+                  className="px-10 hover:underline decoration-yellow-400 underline-offset-8 decoration-4">
+                  {category}
+                </a>
+              </li>
+            ))
+          }
+        </ul>
 
-        <h2 className="font-medium text-2xl text-[#003C6C]  flex items-center justify-center pb-5">
-          <ul className="flex flex-col  md:p-0  md:flex-row md:border-0 ">
-            <li className="">
-              <button className="px-10 hover:underline decoration-yellow-400 underline-offset-8 decoration-4">
-                Dining Halls
-              </button>
-            </li>
-            <li>
-              <a
-                href="#"
-                className="px-10 hover:underline decoration-yellow-400 underline-offset-8 decoration-4"
-              >
-                Markets
-              </a>
-            </li>
-            <li>
-              <a
-                href="#"
-                className="px-10 hover:underline decoration-yellow-400 underline-offset-8 decoration-4"
-              >
-                Cafes & Other
-              </a>
-              {/* pr-X dicates how far off right we want.  */}
-            </li>
-          </ul>
-        </h2>
 
         <h3 className="w-full">
           <ul className="">