solved dropdown problem

Author: Richajaishwal0

docusaurus.config.ts

@@ -99,8 +99,8 @@ const config: Config = {
             {
               type: "html",
               value: `<div class="grid grid-cols-3 gap-4 w-xl">
-                <a class="border-r col-span-1" href="/courses/">Tutorials</a>
-                <a class="border-r col-span-1" href="/courses/">Tutorials</a>
+                <a class="border-r col-span-1" href="/docs/">Tutorials</a>
+                <a class="border-r col-span-1" href="/docs/category/technical">Technical Docs</a>
                 <div class="grid grid-cols-4 col-span-2">
                   <a href="/docs/sql/intro-sql" class="nav__icons"> <img src="/icons/sql.svg" title="SQL" alt="SQL" /> </a>
                   <a href="/docs/python/intro-python" class="nav__icons"> <img src="/icons/python.svg" title="Python" alt="Python" /> </a>
@@ -116,8 +116,8 @@ const config: Config = {
             {
               type: "html",
               value: `<div class="grid grid-cols-3 gap-4">
-                <a class="border-r col-span-1" href="/courses/"> Courses </a>
-                <a class="border-r col-span-1" href="/courses/"> Courses </a>
+                <a class="border-r col-span-1" href="/courses/">Courses</a>
+                <a class="border-r col-span-1" href="/blog">Blog Posts</a>
                 <div class="grid grid-cols-4 col-span-2">
                   <a href="https://www.youtube.com/watch?v=GrTV59Y84S8&list=PLrLTYhoDFx-kiuFiGQqVpYYZ56pIhUW63&ab_channel=RecodeHive" class="nav__icons"> <img src="/icons/git.svg" alt="git" /> </a>
                   <a href="https://www.youtube.com/watch?v=O1ahDsq8DU0&list=PLrLTYhoDFx-k62rLLajSB-jeqKwLkDrkF&ab_channel=RecodeHive" class="nav__icons"> <img src="/icons/postman.svg" alt="Postman" /> </a>
@@ -132,8 +132,8 @@ const config: Config = {
             {
               type: "html",
               value: `<div class="grid grid-cols-3 gap-4">
-                <a  class="border-r col-span-1" href="#" target="_self"> Interview Prep </a>
-                <a  class="border-r col-span-1" href="#" target="_self"> Interview Prep </a>
+                <a class="border-r col-span-1" href="/interview-prep/" target="_self">Interview Prep</a>
+                <a class="border-r col-span-1" href="/showcase" target="_self">Showcase</a>
                 <div class="grid grid-cols-1 col-span-2">
                   <a href="/interview-prep/" target="_self" class="nav__icons"> 🧩Technical </a> <br />
                   <a href="/interview-prep/" target="_self" class="nav__icons"> 💡Behavioral </a>
@@ -187,7 +187,7 @@ const config: Config = {
               to: "https://learn.recodehive.com/datascience",
             },
             {
-              html: '<span id="nav-roadmap" style="display:inline-flex;align-items:center;"></span> Roadmap',
+              label: "🗺️ Roadmap",
               to: "https://github.com/orgs/recodehive/projects/9",
             },
             {