Merge pull request recodehive#1476 from steam-bell-92/main

Resolves broken Interview Prep navbar links and add missing pages

Author: sanjay-kv

docusaurus.config.ts

@@ -151,8 +151,10 @@ const config: Config = {
               value: `<div class="grid grid-cols-3 gap-4">
                  <a class="border-r col-span-1" href="/interview-prep/" target="_self">Interview Prep</a>
                  <div class="grid grid-cols-1 col-span-2">
-                   <a href="/interview-prep/" target="_self" class="nav__icons"> 🧩Technical </a>
-                   <a href="/interview-prep/" target="_self" class="nav__icons"> 💡Behavioral </a>
+                   <a href="/interview-prep/?tab=technical" target="_self" class="nav__icons"> 🧩Technical </a>
+                   <a href="/interview-prep/?tab=behavioral" target="_self" class="nav__icons"> 💡Behavioral </a>
+                   <a href="/interview-prep/?tab=companies" target="_self" class="nav__icons"> 🏢Companies </a>
+                   <a href="/interview-prep/?tab=practice" target="_self" class="nav__icons"> 🎯Practice </a>
                  </div>
                </div>`,
             },

src/pages/interview-prep/index.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { useState } from "react";
+import { useState, useEffect } from "react";
 import Layout from "@theme/Layout";
 import Head from "@docusaurus/Head";
 import { motion } from "framer-motion";
@@ -39,6 +39,23 @@ const InterviewPrepPage: React.FC = () => {
   const [expandedCategories, setExpandedCategories] = useState<{
     [key: string]: boolean;
   }>({});
+
+  // Handle URL-based tab navigation
+  useEffect(() => {
+    if (typeof window !== "undefined") {
+      const params = new URLSearchParams(window.location.search);
+      const tabParam = params.get("tab");
+      if (
+        tabParam &&
+        ["overview", "technical", "behavioral", "companies", "practice"].includes(
+          tabParam
+        )
+      ) {
+        setActiveTab(tabParam as TabType);
+      }
+    }
+  }, []);
+
   const toggleCategory = (categoryIndex: number) => {
     setExpandedCategories((prev) => ({
       ...prev,