refactor: small code cleanups

- remove compiler directives

apps/client/src/features/app-settings/panel/automations-panel/TriggerForm.tsx

@@ -31,7 +31,6 @@ export default function TriggerForm({
   onCancel,
   postSubmit,
 }: TriggerFormProps) {
-  'use no memo'; // RHF and react-compiler don't seem to get along
   const {
     handleSubmit,
     register,

apps/client/src/features/app-settings/panel/feature-panel/GenerateLinkForm.tsx

@@ -1,5 +1,3 @@
-'use no memo'; // RHF and react-compiler don't seem to get along
-
 import { useState } from 'react';
 import { useForm } from 'react-hook-form';
 import QRCode from 'react-qr-code';
@@ -34,7 +32,6 @@ interface GenerateLinkFormOptions {
 type GenerateLinkState = 'pending' | 'loading' | 'success' | 'error';
 
 export default function GenerateLinkForm({ hostOptions, pathOptions, isLockedToView }: GenerateLinkFormProps) {
-  'use no memo'; // RHF and react-compiler don't seem to get along
   const [formState, setFormState] = useState<GenerateLinkState>('pending');
   const [url, setUrl] = useState(serverURL);
 

apps/client/src/features/app-settings/panel/manage-panel/composite/CustomFieldForm.tsx

@@ -32,7 +32,6 @@ export default function CustomFieldForm({
   initialLabel,
   initialKey,
 }: CustomFieldsFormProps) {
-  'use no memo'; // RHF and react-compiler don't seem to get along
   const { data } = useCustomFields();
 
   // we use this to force an update

apps/client/src/features/app-settings/panel/manage-panel/sources-panel/import-map/ImportMapForm.tsx

@@ -31,7 +31,6 @@ export default function ImportMapForm({
   onSubmitExport,
   onSubmitImport,
 }: ImportMapFormProps) {
-  'use no memo'; // RHF and react-compiler don't seem to get along
   const namedImportMap = getPersistedOptions();
   const { revoke } = useGoogleSheet();
   const {

apps/client/src/features/app-settings/panel/project-panel/ProjectCreateForm.tsx

@@ -23,7 +23,6 @@ type ProjectCreateFormValues = {
 };
 
 export default function ProjectCreateForm({ onClose }: ProjectCreateFromProps) {
-  'use no memo'; // RHF and react-compiler don't seem to get along
   const [error, setError] = useState<string | null>(null);
 
   const {

apps/client/src/features/app-settings/panel/project-panel/ProjectForm.tsx

@@ -20,7 +20,6 @@ interface ProjectFormProps {
 }
 
 export default function ProjectForm({ action, filename, onSubmit, onCancel }: ProjectFormProps) {
-  'use no memo'; // RHF and react-compiler don't seem to get along
   const {
     handleSubmit,
     register,

apps/client/src/features/app-settings/panel/project-panel/ProjectMergeForm.tsx

@@ -28,7 +28,6 @@ type ProjectMergeFormValues = {
 };
 
 export default function ProjectMergeForm({ onClose, fileName }: ProjectMergeFromProps) {
-  'use no memo'; // RHF and react-compiler don't seem to get along
   const [error, setError] = useState<string | null>(null);
   const queryClient = useQueryClient();
 

apps/client/src/features/app-settings/panel/settings-panel/GeneralSettings.tsx

@@ -16,7 +16,6 @@ import * as Panel from '../../panel-utils/PanelUtils';
 import GeneralPinInput from './composite/GeneralPinInput';
 
 export default function GeneralSettings() {
-  'use no memo'; // RHF and react-compiler don't seem to get along
   const { data, status, refetch } = useSettings();
   const {
     handleSubmit,

apps/client/src/features/app-settings/panel/settings-panel/ProjectData.tsx

@@ -18,7 +18,6 @@ import * as Panel from '../../panel-utils/PanelUtils';
 import style from './SettingsPanel.module.scss';
 
 export default function ProjectData() {
-  'use no memo'; // RHF and react-compiler don't seem to get along
   const { data, status } = useProjectData();
   const { updateProjectData } = useUpdateProjectData();
 

apps/client/src/features/app-settings/panel/settings-panel/ViewSettings.tsx

@@ -18,7 +18,6 @@ import CodeEditorModal from './composite/StyleEditorModal';
 const cssOverrideDocsUrl = 'https://docs.getontime.no/features/custom-styling/';
 
 export default function ViewSettings() {
-  'use no memo'; // RHF and react-compiler don't seem to get along
   const { data, isPending, mutateAsync } = useViewSettings();
   const [isCodeEditorOpen, codeEditorHandler] = useDisclosure();
 

apps/client/src/features/app-settings/quick-start/QuickStart.tsx

@@ -20,7 +20,6 @@ interface QuickStartProps {
 }
 
 export default function QuickStart({ isOpen, onClose }: QuickStartProps) {
-  'use no memo'; // RHF and react-compiler don't seem to get along
   const { defaultWarnTime, defaultDangerTime, setDangerTime, setWarnTime } = useEditorSettings();
 
   const {