updated tpast porsition

frontend/app.vue

@@ -5,8 +5,7 @@ import { VueQueryDevtools } from "@tanstack/vue-query-devtools";
 
 // state
 
-const { $updateAvailable: updateAvailable, $handleUpdate: handleUpdate } =
-    useNuxtApp();
+const { $updateAvailable: updateAvailable, $handleUpdate: handleUpdate } = useNuxtApp();
 
 const closeModal = () => {
     updateAvailable.value = false;
@@ -16,7 +15,7 @@ const closeModal = () => {
 <template>
     <div>
         <LoadingIndicator />
-        
+
         <NuxtPwaManifest />
 
         <UpdatePwaModal
@@ -32,10 +31,13 @@ const closeModal = () => {
         <ToastProvider>
             <ToastContainer />
             <ToastViewport
-                class="[--viewport-padding:_25px] fixed bottom-0 left-0 flex flex-col p-[var(--viewport-padding)] gap-[10px] w-[390px] max-w-[100vw] m-0 list-none z-[9999999999999999] outline-none"
+                class="[--viewport-padding:_25px] fixed bottom-0 left-1/2 -translate-x-1/2 flex flex-col p-[var(--viewport-padding)] gap-[10px] w-[390px] max-w-[100vw] m-0 list-none z-[9999999999999999] outline-none"
             />
         </ToastProvider>
 
-        <VueQueryDevtools dir="ltr" buttonPosition="top-right"/>
+        <VueQueryDevtools
+            dir="ltr"
+            buttonPosition="top-right"
+        />
     </div>
 </template>