TheButton global component (#425)

Co-authored-by: hay-kot <hay-kot@pm.me>

frontend/src/pages/Admin/Profile/APITokenCard.vue

@@ -72,10 +72,7 @@
           </v-card-text>
 
           <template v-slot:open="{ open }">
-            <v-btn color="success" @click="open">
-              <v-icon left> {{ $globals.icons.create }} </v-icon>
-              {{ $t("general.create") }}
-            </v-btn>
+            <TheButton create @click="open" />
           </template>
         </BaseDialog>
       </v-card-actions>

frontend/src/pages/Admin/Profile/ProfileGroupCard.vue

@@ -105,10 +105,7 @@
           {{ $t("settings.webhooks.test-webhooks") }}
         </v-btn>
         <v-spacer></v-spacer>
-        <v-btn color="success" @click="saveGroupSettings">
-          <v-icon left> {{ $globals.icons.save }} </v-icon>
-          {{ $t("general.update") }}
-        </v-btn>
+        <TheButton update @click="saveGroupSettings" />
       </v-card-actions>
     </template>
   </StatCard>

frontend/src/pages/Admin/Profile/ProfileThemeCard.vue

@@ -73,10 +73,8 @@
         </v-virtual-scroll>
         <v-divider></v-divider>
         <v-card-actions>
-          <v-spacer class="mx-2"></v-spacer>
-          <v-btn class="my-1 mb-n1" color="success" @click="createTheme">
-            <v-icon left> {{ $globals.icons.create }} </v-icon> {{ $t("general.create") }}
-          </v-btn>
+          <v-spacer></v-spacer>
+          <TheButton class="mt-1 mb-n1" create @click="createTheme" />
         </v-card-actions>
       </template>
     </StatCard>

frontend/src/pages/Admin/Profile/UserCard.vue

@@ -89,10 +89,7 @@
           file-name="profile_image"
         />
         <v-spacer></v-spacer>
-        <v-btn color="success" @click="updateUser">
-          <v-icon left> {{ $globals.icons.save }} </v-icon>
-          {{ $t("general.update") }}
-        </v-btn>
+        <TheButton update @click="updateUser" />
       </v-card-actions>
     </template>
   </StatCard>