Refactor Resources section in Navbar component for improved organization and clarity

Author: codeaashu

src/components/Navbar.jsx

@@ -141,6 +141,33 @@ const Nub = ({ selected }) => {
 const Developers = () => (
   <div>
     <div className="flex gap-4">
+      <div>
+        <h3 className="mb-2 text-sm font-medium">Resources</h3>
+        <a href="#" className="block text-sm text-neutral-400">
+          Notes
+        </a>
+        <a href="#" className="mb-1 block text-sm text-neutral-400">
+          Courses
+        </a>
+        <a href="#" className="block text-sm text-neutral-400">
+          AI Tools
+        </a>
+        <a href="#" className="block text-sm text-neutral-400">
+          Libraries
+        </a>
+        <a href="#" className="block text-sm text-neutral-400">
+          Roadmaps
+        </a>
+        <a href="#" className="block text-sm text-neutral-400">
+          Preparation
+        </a>
+        <a href="#" className="block text-sm text-neutral-400">
+          Best Colleges
+        </a>
+        <a href="#" className="mb-1 block text-sm text-neutral-400">
+          Documentation
+        </a>
+      </div>
       <div>
         <h3 className="mb-2 text-sm font-medium">Opportunities</h3>
         <a href="https://www.devdisplay.org/Jobs" className="mb-1 block text-sm text-neutral-400">
@@ -171,33 +198,6 @@ const Developers = () => (
           OpenSource
         </a>
       </div>
-      <div>
-        <h3 className="mb-2 text-sm font-medium">Resources</h3>
-        <a href="#" className="block text-sm text-neutral-400">
-          Notes
-        </a>
-        <a href="#" className="mb-1 block text-sm text-neutral-400">
-          Courses
-        </a>
-        <a href="#" className="block text-sm text-neutral-400">
-          AI Tools
-        </a>
-        <a href="#" className="block text-sm text-neutral-400">
-          Libraries
-        </a>
-        <a href="#" className="block text-sm text-neutral-400">
-          Roadmaps
-        </a>
-        <a href="#" className="block text-sm text-neutral-400">
-          Preparation
-        </a>
-        <a href="#" className="block text-sm text-neutral-400">
-          Best Colleges
-        </a>
-        <a href="#" className="mb-1 block text-sm text-neutral-400">
-          Documentation
-        </a>
-      </div>
       <div>
         <h3 className="mb-2 text-sm font-medium">Evolution</h3>
         <a href="#" className="mb-1 block text-sm text-neutral-400">