V2 osc (#313)

* chore: upgrade relevant deps

* fix: electron app to tray

* chore: cleanup dictionary

* feat: handle several messages in a event

* ux: disable irrelevant buttons in browser

* feat: parse and validate subscriptions

* feat: create UI for OSC Integration

* fix: cleanup logger behaviour

* feat: allow OSC settings to be changed at runtime

apps/client/src/features/modals/integration-modal/OntimeModalFooter.tsx

@@ -0,0 +1,37 @@
+import { Button, ModalFooter } from '@chakra-ui/react';
+
+import styles from '../Modal.module.scss';
+
+interface OntimeModalFooterProps {
+  formId: string;
+  handleRevert: () => void;
+  isDirty: boolean;
+  isValid: boolean;
+  isSubmitting: boolean;
+}
+
+export default function OntimeModalFooter(props: OntimeModalFooterProps) {
+  const { formId, handleRevert, isDirty, isValid, isSubmitting } = props;
+
+  const disableRevert = !isDirty;
+  const disableSubmit = isSubmitting || !isDirty || !isValid;
+
+  return (
+    <ModalFooter className={styles.buttonSection} paddingInlineStart={0} paddingInlineEnd={0} paddingBottom={0}>
+      <Button isDisabled={disableRevert} variant='ontime-ghost-on-light' size='sm' onClick={handleRevert}>
+        Revert to saved
+      </Button>
+      <Button
+        type='submit'
+        form={formId}
+        isLoading={isSubmitting}
+        isDisabled={disableSubmit}
+        variant='ontime-filled'
+        padding='0 2em'
+        size='sm'
+      >
+        Save
+      </Button>
+    </ModalFooter>
+  );
+}