feat(ui): github repo button

app.vue

@@ -142,6 +142,16 @@ const isDark = computed({
         <h1 class="text-4xl font-bold">Simple QRCode Generator</h1>
 
         <div class="flex gap-x-1">
+          <UButton
+            color="gray"
+            variant="ghost"
+            icon="i-uil-github"
+            aria-label="Github repo"
+            class="w-8 h-8"
+            target="_blank"
+            to="https://github.com/pihkaal/simple-qr"
+          />
+
           <ClientOnly>
             <UButton
               :icon="
@@ -165,7 +175,7 @@ const isDark = computed({
         <img
           :src="qrCodeSrc"
           class="max-h-[375px] aspect-square border border-gray-100 dark:border-gray-800"
-        />
+        >
 
         <div class="flex-1 flex flex-col justify-center">
           <UForm ref="form" :state="state" class="space-y-4">
@@ -321,8 +331,8 @@ const isDark = computed({
           <p>
             You can easily generate QRCodes by using the API, with no rate
             limitation.
-            <br />
-            <br />
+            <br >
+            <br >
             If you are not sure how to use the API, you can fill the QRCode form
             and copy the generated API URL.
           </p>