chore: using flex margin auto for horizontal and vertical center

Author: technikhil314

components/navbar.vue

@@ -1,6 +1,6 @@
 <template>
   <header class="fixed top-0 left-0 right-0 bg-white shadow-lg">
-    <div class="container flex items-center h-full py-4 mx-auto">
+    <div class="container flex h-full py-4 m-auto">
       <div v-if="showBackButton" class="items-center mr-4">
         <NuxtLink to="/">
           <svg