chore(nc-gui): hide navigation arrows when form was submitted

packages/nc-gui/assets/style.scss

@@ -214,7 +214,7 @@ a {
   }
 
   &:hover::after {
-    @apply !border-0 transform scale-110 ring ring-accent;
+    @apply transform scale-110 ring ring-accent;
   }
 
   &:active::after {

packages/nc-gui/pages/[projectType]/form/[viewId]/index/survey.vue

@@ -285,7 +285,9 @@ onMounted(() => {
       </Transition>
     </div>
 
+    <Transition name="fade">
       <div
+        v-if="!submitted"
         class="color-transition shadow-sm absolute bottom-18 right-1/2 transform translate-x-[50%] md:bottom-4 md:(right-12 transform-none) flex items-center bg-white border dark:bg-slate-500 rounded divide-x-1"
       >
         <a-tooltip title="Go to previous" :mouse-enter-delay="0.25" :mouse-leave-delay="0">
@@ -307,6 +309,7 @@ onMounted(() => {
           </button>
         </a-tooltip>
       </div>
+    </Transition>
   </div>
 </template>