Consistent alignment for 'project settings page confirmation' buttons (#2524)

* buttons in .button-group now aligned to flex start

* revert global style change for .button-group

* manual fix for merge

* scoped .button-group styles

* /tags whitespace revert

---------

Co-authored-by: Geometrically <18202329+Geometrically@users.noreply.github.com>
Co-authored-by: Prospector <6166773+Prospector@users.noreply.github.com>

apps/frontend/src/pages/[type]/[id]/settings/index.vue

@@ -445,4 +445,8 @@ svg {
 .small-multiselect {
   max-width: 15rem;
 }
+
+.button-group {
+  justify-content: flex-start;
+}
 </style>

apps/frontend/src/pages/[type]/[id]/settings/links.vue

@@ -268,4 +268,8 @@ function checkDifference(newLink, existingLink) {
     height: 40px;
   }
 }
+
+.button-group {
+  justify-content: flex-start;
+}
 </style>

apps/frontend/src/pages/[type]/[id]/settings/tags.vue

@@ -260,6 +260,10 @@ export default defineNuxtComponent({
   }
 }
 
+.button-group {
+  justify-content: flex-start;
+}
+
 .category-list {
   column-count: 4;
   column-gap: var(--spacing-card-lg);