diff --git a/_includes/header.njk b/_includes/header.njk
index cd72b7d7..d9fb6637 100644
--- a/_includes/header.njk
+++ b/_includes/header.njk
@@ -53,7 +53,7 @@
                   <svg class="fill-current" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"><path d="M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z"/></svg>
                 </div>
               
-              <ul tabindex="0" class="dropdown-content border border-base-content/30 !ml-0 menu mt-2 p-1 bg-base-300 rounded-lg">
+              <ul tabindex="0" class="dropdown-content min-w-[280px] border border-base-content/30 !ml-0 menu mt-2 p-1 bg-base-300 rounded-lg">
                 <li>
                   <a href="/apps" class="flex flex-col rounded-lg flex-wrap items-start">
                       <div class="font-bold">Apps</div>
@@ -91,7 +91,7 @@
                   <span>Learn</span>
                   <svg class="fill-current" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"><path d="M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z"/></svg>
                 </div>
-              <ul tabindex="0" class="dropdown-content border border-base-content/30 !ml-0 menu mt-2 p-1 bg-base-300 rounded-lg ">
+              <ul tabindex="0" class="dropdown-content min-w-[280px] border border-base-content/30 !ml-0 menu mt-2 p-1 bg-base-300 rounded-lg ">
                 <li>
                   <a class="flex flex-col rounded-lg flex-wrap items-start" href="/docs">
                       <div class="font-bold">Documentation</div>
diff --git a/css/style_v2.css b/css/style_v2.css
index d203c2dd..a34214aa 100644
--- a/css/style_v2.css
+++ b/css/style_v2.css
@@ -1,6 +1,8 @@
 /*
 ! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com
-*//*
+*/
+
+/*
 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
 */
@@ -8,10 +10,14 @@
 *,
 ::before,
 ::after {
-  box-sizing: border-box; /* 1 */
-  border-width: 0; /* 2 */
-  border-style: solid; /* 2 */
-  border-color: #e5e7eb; /* 2 */
+  box-sizing: border-box;
+  /* 1 */
+  border-width: 0;
+  /* 2 */
+  border-style: solid;
+  /* 2 */
+  border-color: #e5e7eb;
+  /* 2 */
 }
 
 ::before,
@@ -29,14 +35,21 @@
 */
 
 html {
-  line-height: 1.5; /* 1 */
-  -webkit-text-size-adjust: 100%; /* 2 */
-  -moz-tab-size: 4; /* 3 */
+  line-height: 1.5;
+  /* 1 */
+  -webkit-text-size-adjust: 100%;
+  /* 2 */
+  -moz-tab-size: 4;
+  /* 3 */
   -o-tab-size: 4;
-     tab-size: 4; /* 3 */
-  font-family: Geist, sans-serif; /* 4 */
-  font-feature-settings: normal; /* 5 */
-  font-variation-settings: normal; /* 6 */
+     tab-size: 4;
+  /* 3 */
+  font-family: Geist, sans-serif;
+  /* 4 */
+  font-feature-settings: normal;
+  /* 5 */
+  font-variation-settings: normal;
+  /* 6 */
 }
 
 /*
@@ -45,8 +58,10 @@ html {
 */
 
 body {
-  margin: 0; /* 1 */
-  line-height: inherit; /* 2 */
+  margin: 0;
+  /* 1 */
+  line-height: inherit;
+  /* 2 */
 }
 
 /*
@@ -56,9 +71,12 @@ body {
 */
 
 hr {
-  height: 0; /* 1 */
-  color: inherit; /* 2 */
-  border-top-width: 1px; /* 3 */
+  height: 0;
+  /* 1 */
+  color: inherit;
+  /* 2 */
+  border-top-width: 1px;
+  /* 3 */
 }
 
 /*
@@ -111,8 +129,10 @@ code,
 kbd,
 samp,
 pre {
-  font-family: GeistMono, mono; /* 1 */
-  font-size: 1em; /* 2 */
+  font-family: GeistMono, mono;
+  /* 1 */
+  font-size: 1em;
+  /* 2 */
 }
 
 /*
@@ -150,9 +170,12 @@ sup {
 */
 
 table {
-  text-indent: 0; /* 1 */
-  border-color: inherit; /* 2 */
-  border-collapse: collapse; /* 3 */
+  text-indent: 0;
+  /* 1 */
+  border-color: inherit;
+  /* 2 */
+  border-collapse: collapse;
+  /* 3 */
 }
 
 /*
@@ -166,15 +189,24 @@ input,
 optgroup,
 select,
 textarea {
-  font-family: inherit; /* 1 */
-  font-feature-settings: inherit; /* 1 */
-  font-variation-settings: inherit; /* 1 */
-  font-size: 100%; /* 1 */
-  font-weight: inherit; /* 1 */
-  line-height: inherit; /* 1 */
-  color: inherit; /* 1 */
-  margin: 0; /* 2 */
-  padding: 0; /* 3 */
+  font-family: inherit;
+  /* 1 */
+  font-feature-settings: inherit;
+  /* 1 */
+  font-variation-settings: inherit;
+  /* 1 */
+  font-size: 100%;
+  /* 1 */
+  font-weight: inherit;
+  /* 1 */
+  line-height: inherit;
+  /* 1 */
+  color: inherit;
+  /* 1 */
+  margin: 0;
+  /* 2 */
+  padding: 0;
+  /* 3 */
 }
 
 /*
@@ -195,9 +227,12 @@ button,
 [type='button'],
 [type='reset'],
 [type='submit'] {
-  -webkit-appearance: button; /* 1 */
-  background-color: transparent; /* 2 */
-  background-image: none; /* 2 */
+  -webkit-appearance: button;
+  /* 1 */
+  background-color: transparent;
+  /* 2 */
+  background-image: none;
+  /* 2 */
 }
 
 /*
@@ -239,8 +274,10 @@ Correct the cursor style of increment and decrement buttons in Safari.
 */
 
 [type='search'] {
-  -webkit-appearance: textfield; /* 1 */
-  outline-offset: -2px; /* 2 */
+  -webkit-appearance: textfield;
+  /* 1 */
+  outline-offset: -2px;
+  /* 2 */
 }
 
 /*
@@ -257,8 +294,10 @@ Remove the inner padding in Chrome and Safari on macOS.
 */
 
 ::-webkit-file-upload-button {
-  -webkit-appearance: button; /* 1 */
-  font: inherit; /* 2 */
+  -webkit-appearance: button;
+  /* 1 */
+  font: inherit;
+  /* 2 */
 }
 
 /*
@@ -309,6 +348,7 @@ menu {
 /*
 Reset default styling for dialogs.
 */
+
 dialog {
   padding: 0;
 }
@@ -327,14 +367,18 @@ textarea {
 */
 
 input::-moz-placeholder, textarea::-moz-placeholder {
-  opacity: 1; /* 1 */
-  color: #9ca3af; /* 2 */
+  opacity: 1;
+  /* 1 */
+  color: #9ca3af;
+  /* 2 */
 }
 
 input::placeholder,
 textarea::placeholder {
-  opacity: 1; /* 1 */
-  color: #9ca3af; /* 2 */
+  opacity: 1;
+  /* 1 */
+  color: #9ca3af;
+  /* 2 */
 }
 
 /*
@@ -349,6 +393,7 @@ button,
 /*
 Make sure disabled buttons don't get the pointer cursor.
 */
+
 :disabled {
   cursor: default;
 }
@@ -367,8 +412,10 @@ audio,
 iframe,
 embed,
 object {
-  display: block; /* 1 */
-  vertical-align: middle; /* 2 */
+  display: block;
+  /* 1 */
+  vertical-align: middle;
+  /* 2 */
 }
 
 /*
@@ -382,6 +429,7 @@ video {
 }
 
 /* Make elements with the HTML hidden attribute stay hidden by default */
+
 [hidden] {
   display: none;
 }
@@ -393,7 +441,6 @@ video {
 }
 
 @supports not (color: oklch(0 0 0)) {
-
   :root {
     color-scheme: light;
     --fallback-p: #491eff;
@@ -419,7 +466,6 @@ video {
   }
 
   @media (prefers-color-scheme: dark) {
-
     :root {
       color-scheme: dark;
       --fallback-p: #7582ff;
@@ -484,7 +530,6 @@ html {
 }
 
 @media (prefers-color-scheme: dark) {
-
   :root {
     color-scheme: dark;
     --b2: 0.268053 0.020556 277.508664;
@@ -2772,35 +2817,30 @@ html {
 }
 
 @media (min-width: 640px) {
-
   .container {
     max-width: 640px;
   }
 }
 
 @media (min-width: 768px) {
-
   .container {
     max-width: 768px;
   }
 }
 
 @media (min-width: 1024px) {
-
   .container {
     max-width: 1024px;
   }
 }
 
 @media (min-width: 1280px) {
-
   .container {
     max-width: 1280px;
   }
 }
 
 @media (min-width: 1536px) {
-
   .container {
     max-width: 1536px;
   }
@@ -2828,7 +2868,6 @@ html {
 }
 
 @media (min-width: 640px) {
-
   .alert {
     grid-auto-flow: column;
     grid-template-columns: auto minmax(auto,1fr);
@@ -2916,7 +2955,6 @@ html {
 }
 
 @media (hover:hover) {
-
   .breadcrumbs > ul > li > a:hover, .breadcrumbs > ol > li > a:hover {
     text-decoration-line: underline;
   }
@@ -3366,7 +3404,6 @@ html {
 }
 
 @media (hover: hover) {
-
   .dropdown.dropdown-hover:hover .dropdown-content {
     visibility: visible;
     opacity: 1;
@@ -3390,7 +3427,6 @@ html {
   }
 
   @supports (color: color-mix(in oklab, black, black)) {
-
     .\!btn:hover {
       background-color: color-mix(
             in oklab,
@@ -3406,7 +3442,6 @@ html {
   }
 
   @supports not (color: oklch(0 0 0)) {
-
     .\!btn:hover {
       background-color: var(--btn-color, var(--fallback-b2)) !important;
       border-color: var(--btn-color, var(--fallback-b2)) !important;
@@ -3421,7 +3456,6 @@ html {
   }
 
   @supports (color: color-mix(in oklab, black, black)) {
-
     .btn:hover {
       background-color: color-mix(
             in oklab,
@@ -3437,7 +3471,6 @@ html {
   }
 
   @supports not (color: oklch(0 0 0)) {
-
     .btn:hover {
       background-color: var(--btn-color, var(--fallback-b2));
       border-color: var(--btn-color, var(--fallback-b2));
@@ -3452,7 +3485,6 @@ html {
   }
 
   @supports (color: color-mix(in oklab, black, black)) {
-
     .\!btn:hover {
       background-color: color-mix(
             in oklab,
@@ -3468,7 +3500,6 @@ html {
   }
 
   @supports not (color: oklch(0 0 0)) {
-
     .\!btn:hover {
       background-color: var(--btn-color, var(--fallback-b2)) !important;
       border-color: var(--btn-color, var(--fallback-b2)) !important;
@@ -3483,7 +3514,6 @@ html {
   }
 
   @supports (color: color-mix(in oklab, black, black)) {
-
     .\!btn:hover {
       background-color: color-mix(
             in oklab,
@@ -3499,7 +3529,6 @@ html {
   }
 
   @supports not (color: oklch(0 0 0)) {
-
     .\!btn:hover {
       background-color: var(--btn-color, var(--fallback-b2)) !important;
       border-color: var(--btn-color, var(--fallback-b2)) !important;
@@ -3521,7 +3550,6 @@ html {
   }
 
   @supports (color: oklch(0 0 0)) {
-
     .btn-ghost:hover {
       background-color: var(--fallback-bc,oklch(var(--bc)/0.2));
     }
@@ -3542,7 +3570,6 @@ html {
   }
 
   @supports (color: color-mix(in oklab, black, black)) {
-
     .btn-outline.btn-primary:hover {
       background-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black);
       border-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black);
@@ -3555,7 +3582,6 @@ html {
   }
 
   @supports (color: color-mix(in oklab, black, black)) {
-
     .btn-outline.btn-secondary:hover {
       background-color: color-mix(in oklab, var(--fallback-s,oklch(var(--s)/1)) 90%, black);
       border-color: color-mix(in oklab, var(--fallback-s,oklch(var(--s)/1)) 90%, black);
@@ -3568,7 +3594,6 @@ html {
   }
 
   @supports (color: color-mix(in oklab, black, black)) {
-
     .btn-outline.btn-accent:hover {
       background-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black);
       border-color: color-mix(in oklab, var(--fallback-a,oklch(var(--a)/1)) 90%, black);
@@ -3581,7 +3606,6 @@ html {
   }
 
   @supports (color: color-mix(in oklab, black, black)) {
-
     .btn-outline.btn-success:hover {
       background-color: color-mix(in oklab, var(--fallback-su,oklch(var(--su)/1)) 90%, black);
       border-color: color-mix(in oklab, var(--fallback-su,oklch(var(--su)/1)) 90%, black);
@@ -3594,7 +3618,6 @@ html {
   }
 
   @supports (color: color-mix(in oklab, black, black)) {
-
     .btn-outline.btn-info:hover {
       background-color: color-mix(in oklab, var(--fallback-in,oklch(var(--in)/1)) 90%, black);
       border-color: color-mix(in oklab, var(--fallback-in,oklch(var(--in)/1)) 90%, black);
@@ -3607,7 +3630,6 @@ html {
   }
 
   @supports (color: color-mix(in oklab, black, black)) {
-
     .btn-outline.btn-warning:hover {
       background-color: color-mix(in oklab, var(--fallback-wa,oklch(var(--wa)/1)) 90%, black);
       border-color: color-mix(in oklab, var(--fallback-wa,oklch(var(--wa)/1)) 90%, black);
@@ -3620,7 +3642,6 @@ html {
   }
 
   @supports (color: color-mix(in oklab, black, black)) {
-
     .btn-outline.btn-error:hover {
       background-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black);
       border-color: color-mix(in oklab, var(--fallback-er,oklch(var(--er)/1)) 90%, black);
@@ -3658,7 +3679,6 @@ html {
   }
 
   @supports (color: color-mix(in oklab, black, black)) {
-
     .\!btn:is(input[type="checkbox"]:checked):hover, .\!btn:is(input[type="radio"]:checked):hover {
       background-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black) !important;
       border-color: color-mix(in oklab, var(--fallback-p,oklch(var(--p)/1)) 90%, black) !important;
@@ -3688,7 +3708,6 @@ html {
   }
 
   @supports (color: oklch(0 0 0)) {
-
     :where(.menu li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):not(.active):hover, :where(.menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):not(.active):hover {
       background-color: var(--fallback-bc,oklch(var(--bc)/0.1));
     }
@@ -3725,7 +3744,6 @@ html {
 }
 
 @media (min-width: 48rem) {
-
   .footer {
     grid-auto-flow: column;
   }
@@ -3860,14 +3878,12 @@ html {
 }
 
 @supports not selector(:has(*)) {
-
   :where(.join *) {
     border-radius: inherit;
   }
 }
 
 @supports selector(:has(*)) {
-
   :where(.join *:has(.join-item)) {
     border-radius: inherit;
   }
@@ -4573,7 +4589,6 @@ input.tab:checked + .tab-content,
 }
 
 @supports not (color: oklch(0 0 0)) {
-
   .\!btn {
     background-color: var(--btn-color, var(--fallback-b2)) !important;
     border-color: var(--btn-color, var(--fallback-b2)) !important;
@@ -4590,7 +4605,6 @@ input.tab:checked + .tab-content,
 }
 
 @supports (color: color-mix(in oklab, black, black)) {
-
   .btn-active {
     background-color: color-mix(
           in oklab,
@@ -4659,7 +4673,6 @@ input.tab:checked + .tab-content,
 }
 
 @supports (color: oklch(0 0 0)) {
-
   .btn-primary {
     --btn-color: var(--p);
   }
@@ -4873,7 +4886,6 @@ input.tab:checked + .tab-content,
 }
 
 @keyframes button-pop {
-
   0% {
     transform: scale(var(--btn-focus-scale, 0.98));
   }
@@ -4983,7 +4995,6 @@ input.tab:checked + .tab-content,
 }
 
 @keyframes checkmark {
-
   0% {
     background-position-y: 5px;
   }
@@ -5202,9 +5213,7 @@ details.collapse summary::-webkit-details-marker {
 }
 
 @supports (color:color-mix(in oklab,black,black)) {
-
   @media (hover:hover) {
-
     .link-primary:hover {
       color: color-mix(in oklab,var(--fallback-p,oklch(var(--p)/1)) 80%,black);
     }
@@ -5404,7 +5413,6 @@ details.collapse summary::-webkit-details-marker {
 }
 
 @keyframes modal-pop {
-
   0% {
     opacity: 0;
   }
@@ -5456,7 +5464,6 @@ details.collapse summary::-webkit-details-marker {
 }
 
 @keyframes progress-loading {
-
   50% {
     background-position-x: -115%;
   }
@@ -5489,7 +5496,6 @@ details.collapse summary::-webkit-details-marker {
 }
 
 @keyframes radiomark {
-
   0% {
     box-shadow: 0 0 0 12px var(--fallback-b1,oklch(var(--b1)/1)) inset,
       0 0 0 12px var(--fallback-b1,oklch(var(--b1)/1)) inset;
@@ -5599,7 +5605,6 @@ details.collapse summary::-webkit-details-marker {
 }
 
 @keyframes rating-pop {
-
   0% {
     transform: translateY(-0.125em);
   }
@@ -5658,7 +5663,6 @@ details.collapse summary::-webkit-details-marker {
 }
 
 @keyframes skeleton {
-
   from {
     background-position: 150%;
   }
@@ -6079,7 +6083,6 @@ details.collapse summary::-webkit-details-marker {
 }
 
 @keyframes toast-pop {
-
   0% {
     transform: scale(0.9);
     opacity: 0;
@@ -6204,7 +6207,6 @@ details.collapse summary::-webkit-details-marker {
 }
 
 @media (hover: hover) {
-
   .glass.btn-active {
     border: none;
     -webkit-backdrop-filter: blur(var(--glass-blur, 40px));
@@ -9228,6 +9230,10 @@ details.collapse summary::-webkit-details-marker {
   min-width: 100%;
 }
 
+.min-w-\[280px\] {
+  min-width: 280px;
+}
+
 .max-w-2xl {
   max-width: 42rem;
 }
@@ -11280,64 +11286,83 @@ details.collapse summary::-webkit-details-marker {
   width: 15rem !important
 }
 
-
 @font-face {
   font-family: 'Geist';
+
   src: url('/fonts/Geist-Regular.otf') format('otf'),
        url('/fonts/Geist-Regular.woff2') format('woff2');
+
   font-weight: 500;
+
   font-style: normal;
 }
 
 @font-face {
   font-family: 'Geist';
+
   src: url('/fonts/Geist-Bold.woff2') format('woff2'),
        url('/fonts/Geist-Bold.otf') format('otf');
+
   font-weight: 800;
+
   font-style: normal;
 }
 
 @font-face {
   font-family: 'Geist';
+
   src: url('/fonts/Geist-SemiBold.woff2') format('woff2'),
        url('/fonts/Geist-SemiBold.otf') format('otf');
+
   font-weight: 700;
+
   font-style: normal;
 }
 
 @font-face {
   font-family: 'Geist';
+
   src: url('/fonts/Geist-Light.otf') format('otf'),
        url('/fonts/Geist-Light.woff2') format('woff2');
+
   font-weight: 300;
+
   font-style: normal;
 }
 
 @font-face {
   font-family: 'Geist';
+
   src: url('/fonts/Geist-Medium.otf') format('otf'),
        url('/fonts/Geist-Medium.woff2') format('woff2');
+
   font-weight: 600;
+
   font-style: normal;
 }
 
 @font-face {
   font-family: 'GeistMono';
+
   src: url('/fonts/GeistMono-Medium.otf') format('otf'),
        url('/fonts/GeistMono-Medium.woff2') format('woff2');
+
   font-weight: medium;
+
   font-style: normal;
 }
 
 @font-face {
   font-family: 'GeistMono';
+
   src: url('/fonts/GeistMono-Regular.otf') format('otf'),
        url('/fonts/GeistMono-Regular.woff2') format('woff2');
+
   font-weight: normal;
+
   font-style: normal;
 }
 
-
 .section--bg {
   height: 100%;
   width: 100%;
@@ -11348,9 +11373,7 @@ details.collapse summary::-webkit-details-marker {
   overflow: hidden;
 }
 
-
 @media (min-width: 1024px) {
-
   .lg\:btn-lg {
     height: 4rem;
     min-height: 4rem;
@@ -11373,57 +11396,46 @@ details.collapse summary::-webkit-details-marker {
   }
 }
 
-
 .placeholder\:text-base-300::-moz-placeholder {
   --tw-text-opacity: 1;
   color: var(--fallback-b3,oklch(var(--b3)/var(--tw-text-opacity)));
 }
 
-
 .placeholder\:text-base-300::placeholder {
   --tw-text-opacity: 1;
   color: var(--fallback-b3,oklch(var(--b3)/var(--tw-text-opacity)));
 }
 
-
 .hover\:bg-base-content\/5:hover {
   background-color: var(--fallback-bc,oklch(var(--bc)/0.05));
 }
 
-
 .hover\:bg-info\/20:hover {
   background-color: var(--fallback-in,oklch(var(--in)/0.2));
 }
 
-
 .hover\:bg-opacity-100:hover {
   --tw-bg-opacity: 1;
 }
 
-
 .hover\:text-base-content\/100:hover {
   color: var(--fallback-bc,oklch(var(--bc)/1));
 }
 
-
 .hover\:text-white:hover {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 
-
 .hover\:underline:hover {
   text-decoration-line: underline;
 }
 
-
 .group:hover .group-hover\:underline {
   text-decoration-line: underline;
 }
 
-
 @media (min-width: 640px) {
-
   .sm\:col-span-2 {
     grid-column: span 2 / span 2;
   }
@@ -11569,9 +11581,7 @@ details.collapse summary::-webkit-details-marker {
   }
 }
 
-
 @media (min-width: 768px) {
-
   .md\:col-span-2 {
     grid-column: span 2 / span 2;
   }
@@ -11732,9 +11742,7 @@ details.collapse summary::-webkit-details-marker {
   }
 }
 
-
 @media (min-width: 1024px) {
-
   .lg\:absolute {
     position: absolute;
   }
@@ -12068,9 +12076,7 @@ details.collapse summary::-webkit-details-marker {
   }
 }
 
-
 @media (min-width: 1280px) {
-
   .xl\:absolute {
     position: absolute;
   }
@@ -12131,9 +12137,7 @@ details.collapse summary::-webkit-details-marker {
   }
 }
 
-
 @media (min-width: 1536px) {
-
   .\32xl\:max-w-screen-xl {
     max-width: 1280px;
   }
diff --git a/docs/CNAME b/docs/CNAME
deleted file mode 100644
index 9e84db22..00000000
--- a/docs/CNAME
+++ /dev/null
@@ -1 +0,0 @@
-bonfirenetworks.org
\ No newline at end of file