turn main create bounty form into plus button on sidebar

Author: zcesur

lib/algora_web/components/layouts/user.html.heex

@@ -77,7 +77,7 @@
   </div>
 
 <!-- Static sidebar for desktop -->
-  <div class="scrollbar-thin hidden border-r border-border/50 lg:fixed lg:inset-y-0 lg:left-0 lg:z-50 lg:block lg:w-16 lg:overflow-y-auto lg:bg-popover lg:pb-4">
+  <div class="scrollbar-thin hidden border-r border-border/50 lg:fixed lg:inset-y-0 lg:left-0 lg:z-50 lg:flex lg:flex-col lg:w-16 lg:overflow-y-auto lg:bg-popover lg:pb-4">
     <div class="flex h-16 shrink-0 items-center justify-center">
       <.logo class="h-8 w-auto text-white" />
     </div>
@@ -135,6 +135,35 @@
         </ul>
       <% end %>
     </nav>
+    <%= if main_bounty_form = Map.get(assigns, :main_bounty_form) do %>
+      <div class="mt-auto mx-auto">
+        <.button
+          phx-click="open_main_bounty_form"
+          class="h-9 w-9 rounded-md flex items-center justify-center relative"
+        >
+          <.icon name="tabler-diamond" class="h-6 w-6 shrink-0" />
+          <.icon
+            name="tabler-plus"
+            class="h-[0.8rem] w-[0.8rem] shrink-0 absolute bottom-[0.2rem] right-[0.2rem]"
+          />
+        </.button>
+        <.drawer
+          show={@main_bounty_form_open?}
+          direction="right"
+          on_cancel="close_main_bounty_form"
+        >
+          <.drawer_header>
+            <.drawer_title>Create new bounty</.drawer_title>
+            <.drawer_description>
+              Create and fund a bounty for an issue
+            </.drawer_description>
+          </.drawer_header>
+          <.drawer_content class="mt-4">
+            <AlgoraWeb.Forms.BountyForm.bounty_form form={main_bounty_form} />
+          </.drawer_content>
+        </.drawer>
+      </div>
+    <% end %>
   </div>
 
   <div class="lg:pl-16">
@@ -189,24 +218,6 @@
           </.button>
         </ul>
       <% end %>
-      <%= if main_bounty_form = Map.get(assigns, :main_bounty_form) do %>
-        <.button phx-click="open_main_bounty_form">Create new bounty</.button>
-        <.drawer
-          show={@main_bounty_form_open?}
-          direction="right"
-          on_cancel="close_main_bounty_form"
-        >
-          <.drawer_header>
-            <.drawer_title>Create new bounty</.drawer_title>
-            <.drawer_description>
-              Create and fund a bounty for an issue
-            </.drawer_description>
-          </.drawer_header>
-          <.drawer_content class="mt-4">
-            <AlgoraWeb.Forms.BountyForm.bounty_form form={main_bounty_form} />
-          </.drawer_content>
-        </.drawer>
-      <% end %>
       <div class="ml-auto flex items-center gap-x-6">
         <.link
           class="group w-fit outline-none"