Fix the Verified alignment

frontend/src/views/creators/NameTitle.vue

@@ -1,21 +1,19 @@
 <template>
-
-    <div v-show="brandingStore.value.verified"
-         class="text-blue m-4"
-         :title="t('verified')">
-      <icon-account-verified></icon-account-verified>
-    </div>
-
     <div class="flex flex-col text-hOnPrimary">
-        <span class="capitalize text-3xl">
-          {{ brandingStore.value.name }}
-        </span>
-
-      <span class="capitalize text-lg">
-          {{ brandingStore.value.title }}
+        <div class="flex items-center gap-2">
+            <span class="capitalize text-3xl">
+                {{ brandingStore.value.name }}
+            </span>
+            <div v-show="brandingStore.value.verified"
+                 class="text-blue mt-1"
+                 :title="t('verified')">
+                <icon-account-verified></icon-account-verified>
+            </div>
+        </div>
+        <span class="capitalize text-lg">
+            {{ brandingStore.value.title }}
         </span>
     </div>   
-  
 </template>
 
 <script setup>