feat: implement multiple aux timers

apps/client/src/common/components/editor-utils/EditorUtils.module.scss

@@ -42,7 +42,15 @@
 }
 
 .separator {
-  width: 1px;
-  height: 0.75em;
   background-color: $border-color-ondark;
+
+  &.horizontal {
+    width: 100%;
+    height: 1px;
+  }
+
+  &.vertical {
+    width: 1px;
+    height: 0.75em;  
+  }
 }

apps/client/src/common/components/editor-utils/EditorUtils.tsx

@@ -28,6 +28,10 @@ export function Label({ children, className, ...elementProps }: LabelHTMLAttribu
   );
 }
 
-export function Separator({ className, ...elementProps }: HTMLAttributes<HTMLDivElement>) {
-  return <div className={cx([style.separator, className])} {...elementProps} />;
+interface SeparatorProps extends HTMLAttributes<HTMLDivElement> {
+  orientation?: 'horizontal' | 'vertical';
+}
+
+export function Separator({ className, orientation = 'vertical', ...elementProps }: SeparatorProps) {
+  return <div className={cx([style.separator, style[orientation], className])} {...elementProps} />;
 }