feat(ui): replace native checkbox styles with custom design

Author: zamora-carlos

src/server/templates/components/git_form.jinja

@@ -119,12 +119,18 @@
                 <div class="flex flex-col items-start w-full sm:col-span-2 lg:col-span-1 lg:row-span-2 lg:pt-3.5">
                     <!-- PAT checkbox -->
                     <div class="flex items-center space-x-2">
-                        <input type="checkbox"
-                               id="showAccessSettings"
-                               class="w-4 h-4 rounded border-gray-900"
-                               onchange="toggleAccessSettings()"
-                               {% if token %}checked{% endif %}>
-                        <label for="showAccessSettings" class="text-gray-900">Private Repository</label>
+                        <label for="showAccessSettings" class="flex gap-2 text-gray-900">
+                            <div class="relative w-6 h-6">
+                                <input type="checkbox"
+                                       id="showAccessSettings"
+                                       onchange="toggleAccessSettings()"
+                                       {% if token %}checked{% endif %}
+                                       class="peer appearance-none w-full h-full rounded-sm border-[3px] border-current bg-white m-0 text-current shadow-[3px_3px_0_currentColor]" />
+                                <span class="absolute inset-0 w-3 h-3 m-auto scale-0 transition-transform duration-150 ease-in-out shadow-[inset_1rem_1rem_#FE4A60] bg-[CanvasText] origin-bottom-left peer-checked:scale-100"
+                                      style="clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%)"></span>
+                            </div>
+                            Private Repository
+                        </label>
                         {% include "components/badge_new.jinja" %}
                     </div>
                     <!-- PAT field -->