Add sql course in burger menu

src/components/NavigationDropdown.tsx

@@ -6,9 +6,9 @@ import {
   Menu,
   Shirt,
   Video,
-  Map,
+  Database,
 } from 'lucide-react';
-import { useEffect, useRef, useState } from 'react';
+import { useEffect, useRef } from 'react';
 import { cn } from '../lib/classname.ts';
 import { useOutsideClick } from '../hooks/use-outside-click.ts';
 import {
@@ -19,11 +19,12 @@ import { useStore } from '@nanostores/react';
 
 const links = [
   {
-    link: '/roadmaps',
-    label: 'Official Roadmaps',
-    description: 'Made by subject matter experts',
-    Icon: Map,
-    isHighlighted: true,
+    link: '/courses/sql',
+    label: 'SQL Course',
+    description: 'Our premium SQL course',
+    Icon: Database,
+    isHighlighted: false,
+    isNew: true,
   },
   {
     link: '/projects',
@@ -137,7 +138,7 @@ export function NavigationDropdown() {
             </span>
             <span className="flex flex-col">
               <span className="font-medium text-slate-300 transition-colors group-hover:text-slate-100">
-                {link.label}
+                {link.label} {link.isNew && <span className="text-[10px] font-bold text-black py-0.5 uppercase tracking-wider bg-yellow-400 rounded-full px-1.5 relative -top-0.5">New</span>}
               </span>
               <span className="text-sm">{link.description}</span>
             </span>