Add connect button to the account information card

src/components/utilcards/AccountDetails.vue

 <script setup lang="ts">
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
 import { Skeleton } from '@/components/ui/skeleton';
+import { Button } from '@/components/ui/button';
 import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar'
 import { mdiAccountBadgeOutline, mdiOpenInNew } from '@mdi/js';
 import { useSettingsStore } from '@/stores/settings.store';
 import { computed } from 'vue';
 import { useUserStore } from '@/stores/user.store';
+import { useWalletStore } from '@/stores/wallet.store';
 
 const settingsStore = useSettingsStore();
 const hasUser = computed(() => settingsStore.settings.account !== undefined);
 
+const walletStore = useWalletStore();
+
 const userStore = useUserStore();
 </script>
 
@@ -51,6 +55,11 @@ const userStore = useUserStore();
           </div>
         </div>
       </div>
+      <div v-else>
+        <Button @click="walletStore.openWalletSelectModal()" class="w-full font-bold">
+          Connect your wallet now
+        </Button>
+      </div>
     </CardContent>
   </Card>
 </template>
\ No newline at end of file

src/components/utilcards/ConfirmAccountUpdateCard.vue

@@ -99,7 +99,7 @@ const updateAuthority = async() => {
           <Input id="updateAuthority_ownerKey" placeholder="Nothing to add" v-model="ownerKey" class="my-2" />
         </div>
         <Button class="my-2" @click="updateAuthority" :loading="isLoading">Update Authority</Button>
-        <p>Note: By clicking the above button, the transaction will be created, signed, and broadcasted immediately to the mainnet chain</p>
+        <p class="text-sm">Note: By clicking the above button, the transaction will be created, signed, and broadcasted immediately to the mainnet chain</p>
       </div>
     </CardContent>
   </Card>

src/components/utilcards/ConfirmCreateAccountCard.vue

@@ -182,7 +182,7 @@ const createAccount = async() => {
           </div>
         </RadioGroup>
         <Button @click="createAccount" :loading="isLoading">Create account</Button>
-        <p>Note: By clicking the above button, the transaction will be created, signed, and broadcasted immediately to the mainnet chain</p>
+        <p class="text-sm">Note: By clicking the above button, the transaction will be created, signed, and broadcasted immediately to the mainnet chain</p>
       </div>
     </CardContent>
   </Card>