refactor: add nif to navigation

apps/client/src/theme/_mixins.scss

@@ -21,3 +21,11 @@
   overflow: hidden;
   text-overflow: ellipsis;
 }
+
+@mixin rotate-fourty-five {
+  transform: rotate(45deg);
+} 
+
+.fourtyfive {
+  @include rotate-fourty-five;
+}

apps/client/src/theme/_viewerDefs.scss

@@ -30,4 +30,4 @@ $external-color: rgba(white, 85%); // --external-color-override
 
 // properties of other timers (clock and countdown)
 $timer-label-size: clamp(16px, 1.5vw, 24px);
-$timer-value-size: clamp(2rem, 3.5vw, 3.5rem);
+$timer-value-size: clamp(2rem, 3.5vw, 3.5rem);

apps/client/src/theme/ontimeDrawer.ts

@@ -4,6 +4,8 @@ export const ontimeDrawer = {
     backgroundColor: '#202020', // $gray-1250
   },
   body: {
+    display: 'flex',
+    flexDirection: 'column',
     color: '#fefefe', // $gray-50
     backgroundColor: '#202020', // $gray-1250
   },