feat(sidebar): Add external links and icons

- Add HTML Editor, Contribute on GitHub, and Hall of Codes links to the
  sidebar with corresponding FontAwesome icons
- Import faGlobe, faEdit, and faCodeBranch in Navbar.tsx
- Open external (http) links in a new tab via target="_blank"

Author: mrepol742

app/components/dashboard/Navbar.tsx

@@ -13,6 +13,9 @@ import {
   faMessage,
   faCrown,
   faDashboard,
+  faGlobe,
+  faEdit,
+  faCodeBranch,
 } from "@fortawesome/free-solid-svg-icons";
 import type { IconDefinition } from "@fortawesome/free-solid-svg-icons";
 
@@ -49,6 +52,24 @@ function Sidebar({ role }: { role: string }) {
       icon: faTrophy,
       role: "user",
     },
+    {
+      href: "https://hallofcodes.github.io/html-editor",
+      label: "HTML Editor",
+      icon: faEdit,
+      role: "user",
+    },
+    {
+      href: "https://github.com/hallofcodes/devpulse",
+      label: "Contribute on GitHub",
+      icon: faCodeBranch,
+      role: "user",
+    },
+    {
+      href: "https://hallofcodes.github.io",
+      label: "Hall of Codes",
+      icon: faGlobe,
+      role: "user",
+    },
   ];
 
   const getAuthorization = (itemRole: string, userRole: string) => {
@@ -105,6 +126,7 @@ function Sidebar({ role }: { role: string }) {
                       ? "bg-indigo-500/10 text-indigo-400 border border-indigo-500/15"
                       : "text-gray-500 hover:text-gray-300 hover:bg-white/[0.03]"
                   }`}
+                  target={item.href.startsWith("http") ? "_blank" : undefined}
                   title={collapsed ? item.label : undefined}
                 >
                   <FontAwesomeIcon