Consolidate forms & other minor fixes

src/components/generic/form/Form.tsx

@@ -1,22 +1,36 @@
 import type React from 'react';
 
+import { FiSave } from 'react-icons/fi';
+
+import { IconButton } from '@components/generic/button/IconButton';
 import { Loading } from '@components/generic/Loading';
 
 export interface FormProps {
-  loading?: boolean;
+  submit: () => Promise<void>;
+  loading: boolean;
+  dirty: boolean;
   children: React.ReactNode;
 }
 
-export const Form = ({ loading, children }: FormProps): JSX.Element => {
+export const Form = ({
+  submit,
+  loading,
+  dirty,
+  children,
+}: FormProps): JSX.Element => {
   return (
     <form
       onSubmit={(e): void => {
         e.preventDefault();
       }}
-      className="relative flex-grow gap-3 p-2"
     >
       {loading && <Loading />}
       {children}
+      <div className="flex w-full bg-white dark:bg-secondaryDark">
+        <div className="ml-auto p-2">
+          <IconButton disabled={dirty} onClick={submit} icon={<FiSave />} />
+        </div>
+      </div>
     </form>
   );
 };