feat(ui): FRO-36 PWA

Added another animation to slotmachine

src/views/OfflineView.vue

@@ -48,6 +48,12 @@ const spin = (): void => {
   <q-layout>
     <q-page-container>
       <q-page class="flex flex-center">
+        <transition
+          appear
+          tag="div"
+          enter-active-class="animate__animated animate__fadeInDown"
+          leave-active-class="animate__animated animate__fadeOutUp"
+        >
           <q-card class="slot-machine-card q-pa-lg text-center shadow-10">
             <div class="text-h4 q-mb-md text-black text-weight-bolder " style="font-family: serif;">Offline Casino</div>
 
@@ -76,6 +82,7 @@ const spin = (): void => {
               @click="spin" class="full-width" rounded
             />
           </q-card>
+        </transition>
       </q-page>
     </q-page-container>
   </q-layout>