#FEAT-015: add release notes and contributing to navbar

src/components/Layouts/Header/Sidebar/_index.tsx

@@ -1,5 +1,5 @@
 import { Drawer, DrawerContent, DrawerTrigger } from "@/components/ui/drawer";
-import { Menu } from "lucide-react";
+import { ArrowUpRight, Menu } from "lucide-react";
 import Link from "next/link";
 import Logo from "../Logo";
 import ThemeToggle from "../../ThemeToggle";
@@ -112,6 +112,16 @@ export default function Sidebar() {
           >
             <p className="font-bold text-lg">Contributing</p>
           </Link>
+          <Link
+            className="py-4"
+            onClick={() => handleNavClick()}
+            target="_blank"
+            href={"/release"}
+          >
+            <p className="font-bold text-lg flex">
+              Release Notes <ArrowUpRight className="mt-0.5" size={12} />
+            </p>
+          </Link>
         </aside>
         <div className="flex items-center gap-x-5">
           <ThemeToggle />

src/components/Layouts/Header/__snapshots__/header.test.tsx.snap

@@ -222,16 +222,68 @@ exports[`Render Header > Should match snapshot 1`] = `
           <div
             class="lg:flex items-center gap-x-5 hidden"
           >
+            <a
+              class="text-lg flex"
+              href="https://github.com/Pet3r1512/DevIniter/issues/new?labels=enhancement&template=feature-request---.md"
+              target="_blank"
+            >
+              Contributing
+              <svg
+                class="lucide lucide-arrow-up-right"
+                fill="none"
+                height="14"
+                stroke="currentColor"
+                stroke-linecap="round"
+                stroke-linejoin="round"
+                stroke-width="2"
+                viewBox="0 0 24 24"
+                width="14"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M7 7h10v10"
+                />
+                <path
+                  d="M7 17 17 7"
+                />
+              </svg>
+            </a>
+            <a
+              class="text-lg flex"
+              href="/release"
+              target="_blank"
+            >
+              Release Notes
+              <svg
+                class="lucide lucide-arrow-up-right"
+                fill="none"
+                height="14"
+                stroke="currentColor"
+                stroke-linecap="round"
+                stroke-linejoin="round"
+                stroke-width="2"
+                viewBox="0 0 24 24"
+                width="14"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M7 7h10v10"
+                />
+                <path
+                  d="M7 17 17 7"
+                />
+              </svg>
+            </a>
+            <div
+              class="border-l-2 border-black-main dark:border-white h-[25px]"
+              data-testid="vt"
+            />
             <button
               class="!size-8 rounded-full flex items-center justify-center bg-gray-500 dark:bg-gray-200 transition-all duration-150 ease-linear"
               data-testid="theme-togger"
             >
               🌙
             </button>
-            <div
-              class="border-l-2 border-black-main dark:border-white h-[25px]"
-              data-testid="vt"
-            />
             <a
               aria-label="Repo Github"
               class="rounded-full size-8 flex items-center justify-center bg-gray-light opacity-65 lg:hover:opacity-100 transition-all duration-150 ease-linear"
@@ -490,16 +542,68 @@ exports[`Render Header > Should match snapshot 1`] = `
         <div
           class="lg:flex items-center gap-x-5 hidden"
         >
+          <a
+            class="text-lg flex"
+            href="https://github.com/Pet3r1512/DevIniter/issues/new?labels=enhancement&template=feature-request---.md"
+            target="_blank"
+          >
+            Contributing
+            <svg
+              class="lucide lucide-arrow-up-right"
+              fill="none"
+              height="14"
+              stroke="currentColor"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              stroke-width="2"
+              viewBox="0 0 24 24"
+              width="14"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M7 7h10v10"
+              />
+              <path
+                d="M7 17 17 7"
+              />
+            </svg>
+          </a>
+          <a
+            class="text-lg flex"
+            href="/release"
+            target="_blank"
+          >
+            Release Notes
+            <svg
+              class="lucide lucide-arrow-up-right"
+              fill="none"
+              height="14"
+              stroke="currentColor"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              stroke-width="2"
+              viewBox="0 0 24 24"
+              width="14"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M7 7h10v10"
+              />
+              <path
+                d="M7 17 17 7"
+              />
+            </svg>
+          </a>
+          <div
+            class="border-l-2 border-black-main dark:border-white h-[25px]"
+            data-testid="vt"
+          />
           <button
             class="!size-8 rounded-full flex items-center justify-center bg-gray-500 dark:bg-gray-200 transition-all duration-150 ease-linear"
             data-testid="theme-togger"
           >
             🌙
           </button>
-          <div
-            class="border-l-2 border-black-main dark:border-white h-[25px]"
-            data-testid="vt"
-          />
           <a
             aria-label="Repo Github"
             class="rounded-full size-8 flex items-center justify-center bg-gray-light opacity-65 lg:hover:opacity-100 transition-all duration-150 ease-linear"

src/components/Layouts/Header/_index.tsx

@@ -4,6 +4,8 @@ import SearchBar from "./SearchBar/_index";
 import ThemeToggle from "../ThemeToggle";
 import Sidebar from "./Sidebar/_index";
 import { Navbar } from "./Navbar";
+import Link from "next/link";
+import { ArrowUpRight } from "lucide-react";
 
 export default function Header() {
   return (
@@ -18,8 +20,20 @@ export default function Header() {
           <SearchBar />
         </div>
         <div className="lg:flex items-center gap-x-5 hidden">
-          <ThemeToggle />
+          <Link
+            href="https://github.com/Pet3r1512/DevIniter/issues/new?labels=enhancement&template=feature-request---.md"
+            target="_blank"
+            className="text-lg flex"
+          >
+            Contributing
+            <ArrowUpRight size={14} />
+          </Link>
+          <Link href="/release" target="_blank" className="text-lg flex">
+            Release Notes
+            <ArrowUpRight size={14} />
+          </Link>
           <VerticalLine />
+          <ThemeToggle />
           <Github size={20} />
         </div>
       </div>

src/pages/_meta.js

@@ -2,4 +2,5 @@
 export default {
   docs: "Documentation",
   "free-for-devs": "Free For Devs",
+  release: "Release Notes",
 };

src/pages/release.mdx

@@ -0,0 +1,26 @@
+# Versions
+
+## v1.2.2
+- Fixed bugs in CLI implementation
+
+## v1.2.1
+- Enhanced CLI template installation process
+
+## v1.2.0
+- Refreshed default UI design for all templates
+- Various bug fixes
+
+## v1.1.0 - First Stable Release
+
+### Features
+- Interactive CLI for template scaffolding
+- Two supported starter templates:
+
+  **Next.js Template**
+  - Next.js v15
+  - React v19
+  - Vitest integration
+
+  **Vite Template**
+  - React v19
+  - Vitest integration