diff --git a/app/src/components/alert/FormikErrorSnackbar.tsx b/app/src/components/alert/FormikErrorSnackbar.tsx
index e311e0d8c8..847f797cac 100644
--- a/app/src/components/alert/FormikErrorSnackbar.tsx
+++ b/app/src/components/alert/FormikErrorSnackbar.tsx
@@ -14,6 +14,7 @@ const FormikErrorSnackbar = () => {
     }
 
     setOpenSnackbar({ open: true, msg: 'One or more fields are invalid.' });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [submitCount, isSubmitting]);
 
   const closeSnackBar = () =>
diff --git a/app/src/components/attachments/EditFileWithMeta.tsx b/app/src/components/attachments/EditFileWithMeta.tsx
deleted file mode 100644
index 09bf9f61f9..0000000000
--- a/app/src/components/attachments/EditFileWithMeta.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import Box from '@mui/material/Box';
-import { useFormikContext } from 'formik';
-import React from 'react';
-import EditReportMetaForm, { IEditReportMetaForm } from '../attachments/EditReportMetaForm';
-
-export const EditFileWithMeta: React.FC = () => {
-  const { handleSubmit } = useFormikContext<IEditReportMetaForm>();
-
-  return (
-    <form onSubmit={handleSubmit}>
-      <Box mb={3}>
-        <EditReportMetaForm />
-      </Box>
-    </form>
-  );
-};
-
-export default EditFileWithMeta;
diff --git a/app/src/components/boundary/FullScreenViewMapDialog.tsx b/app/src/components/boundary/FullScreenViewMapDialog.tsx
deleted file mode 100644
index f3730b6ee6..0000000000
--- a/app/src/components/boundary/FullScreenViewMapDialog.tsx
+++ /dev/null
@@ -1,65 +0,0 @@
-import { mdiArrowLeft } from '@mdi/js';
-import Icon from '@mdi/react';
-import AppBar from '@mui/material/AppBar';
-import Box from '@mui/material/Box';
-import Button from '@mui/material/Button';
-import Dialog from '@mui/material/Dialog';
-import Toolbar from '@mui/material/Toolbar';
-import Typography from '@mui/material/Typography';
-import React from 'react';
-
-export interface IFullScreenViewMapProps {
-  open: boolean;
-  onClose: () => void;
-  map: any;
-  description: any;
-  layers: any;
-  mapTitle: string;
-  backButtonTitle: string;
-}
-
-/**
- * A dialog for displaying a component for editing purposes and giving the user the option to say
- * `Yes`(Save) or `No`.
- *
- * @param {*} props
- * @return {*}
- */
-export const FullScreenViewMapDialog: React.FC<IFullScreenViewMapProps> = (props) => {
-  if (!props.open) {
-    return <></>;
-  }
-
-  return (
-    <Dialog fullScreen open={props.open} onClose={props.onClose}>
-      <AppBar position="relative" color="inherit" elevation={1}>
-        <Toolbar>
-          <Button
-            color="primary"
-            variant="text"
-            startIcon={<Icon path={mdiArrowLeft} size={1} />}
-            onClick={props.onClose}>
-            {props.backButtonTitle}
-          </Button>
-        </Toolbar>
-      </AppBar>
-      <Box display="flex" flex="1 1 auto" overflow="hidden">
-        <Box flex="0 0 auto" p={3} width="400px" overflow="auto">
-          <Box mb={3}>
-            <Typography variant="h2">{props.mapTitle}</Typography>
-          </Box>
-          <Box mb={3}>
-            <Typography variant="body2" color="textSecondary">
-              Location description
-            </Typography>
-            <Typography variant="body1">{props.description ? <>{props.description}</> : 'No Description'}</Typography>
-          </Box>
-          {props.layers}
-        </Box>
-        <Box flex="1 1 auto">{props.map}</Box>
-      </Box>
-    </Dialog>
-  );
-};
-
-export default FullScreenViewMapDialog;
diff --git a/app/src/components/chips/SubmitStatusChip.tsx b/app/src/components/chips/SubmitStatusChip.tsx
deleted file mode 100644
index c6250c45b3..0000000000
--- a/app/src/components/chips/SubmitStatusChip.tsx
+++ /dev/null
@@ -1,44 +0,0 @@
-import { Theme } from '@mui/material';
-import Chip, { ChipProps } from '@mui/material/Chip';
-import { makeStyles } from '@mui/styles';
-import clsx from 'clsx';
-import { PublishStatus } from 'constants/attachments';
-import React from 'react';
-
-const useStyles = makeStyles((theme: Theme) => ({
-  chipUnSubmitted: {
-    color: '#fff',
-    backgroundColor: theme.palette.error.main
-  },
-  chipSubmitted: {
-    color: '#fff',
-    backgroundColor: theme.palette.success.main
-  },
-  chipNoData: {}
-}));
-
-export const SubmitStatusChip: React.FC<{ status: PublishStatus; chipProps?: Partial<ChipProps> }> = (props) => {
-  const classes = useStyles();
-
-  let chipLabel;
-  let chipTitle;
-  let chipStatusClass;
-
-  if (props.status === PublishStatus.NO_DATA) {
-    chipLabel = 'No Data';
-    chipTitle = 'No data to submit';
-    chipStatusClass = classes.chipNoData;
-  } else if (props.status === PublishStatus.SUBMITTED) {
-    chipLabel = 'Submitted';
-    chipTitle = 'All data has been submitted';
-    chipStatusClass = classes.chipSubmitted;
-  } else {
-    chipLabel = 'Unsubmitted';
-    chipTitle = 'Data has not been submitted';
-    chipStatusClass = classes.chipUnSubmitted;
-  }
-
-  return (
-    <Chip title={chipTitle} variant="filled" className={clsx(chipStatusClass)} label={chipLabel} {...props.chipProps} />
-  );
-};
diff --git a/app/src/components/data-grid/DatePickerDataGrid.tsx b/app/src/components/data-grid/DatePickerDataGrid.tsx
deleted file mode 100644
index 6dc09b88fb..0000000000
--- a/app/src/components/data-grid/DatePickerDataGrid.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import useEnhancedEffect from '@mui/material/utils/useEnhancedEffect';
-import { GridRenderEditCellParams, GridValidRowModel } from '@mui/x-data-grid';
-import { DatePicker, DatePickerProps, LocalizationProvider } from '@mui/x-date-pickers';
-import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
-import { default as dayjs } from 'dayjs';
-import { useRef } from 'react';
-
-interface IDatePickerDataGridProps<DataGridType extends GridValidRowModel> {
-  dateFieldProps?: DatePickerProps<any>;
-  dataGridProps: GridRenderEditCellParams<DataGridType>;
-}
-
-const DatePickerDataGrid = <DataGridType extends GridValidRowModel>({
-  dateFieldProps,
-  dataGridProps
-}: IDatePickerDataGridProps<DataGridType>) => {
-  const ref = useRef<HTMLInputElement>(null);
-
-  useEnhancedEffect(() => {
-    if (dataGridProps.hasFocus) {
-      ref.current?.focus();
-    }
-  }, [dataGridProps.hasFocus]);
-
-  return (
-    <LocalizationProvider dateAdapter={AdapterDayjs}>
-      <DatePicker
-        inputRef={ref}
-        value={(dataGridProps.value && dayjs(dataGridProps.value, 'HH:mm:ss')) || null}
-        onChange={(value) => {
-          dataGridProps.api.setEditCellValue({ id: dataGridProps.id, field: dataGridProps.field, value: value });
-        }}
-        onAccept={(value) => {
-          dataGridProps.api.setEditCellValue({
-            id: dataGridProps.id,
-            field: dataGridProps.field,
-            value: value?.format('HH:mm:ss')
-          });
-        }}
-        {...dateFieldProps}
-      />
-    </LocalizationProvider>
-  );
-};
-
-export default DatePickerDataGrid;
diff --git a/app/src/components/dialog/ComponentDialog.test.tsx b/app/src/components/dialog/ComponentDialog.test.tsx
index 0b1def6638..ea7ba8e5ab 100644
--- a/app/src/components/dialog/ComponentDialog.test.tsx
+++ b/app/src/components/dialog/ComponentDialog.test.tsx
@@ -24,18 +24,6 @@ const renderContainer = ({ dialogTitle, open = true }: { dialogTitle: string; op
 };
 
 describe('ComponentDialog', () => {
-  it.skip('matches the snapshot when not open', () => {
-    const { baseElement } = renderContainer({ dialogTitle: 'this is a test', open: false });
-
-    expect(baseElement).toMatchSnapshot();
-  });
-
-  it.skip('matches snapshot when open', () => {
-    const { baseElement } = renderContainer({ dialogTitle: 'this is a test' });
-
-    expect(baseElement).toMatchSnapshot();
-  });
-
   it('calls the onClose prop when `Close` button is clicked', async () => {
     const { findByText } = renderContainer({ dialogTitle: 'this is a test' });
 
diff --git a/app/src/components/dialog/DialogVisual.tsx b/app/src/components/dialog/DialogVisual.tsx
deleted file mode 100644
index 149a926b82..0000000000
--- a/app/src/components/dialog/DialogVisual.tsx
+++ /dev/null
@@ -1,58 +0,0 @@
-import { mdiAlert, mdiCheck, mdiExclamation, mdiFileCheckOutline } from '@mdi/js';
-import Icon from '@mdi/react';
-import { Theme } from '@mui/material';
-import Avatar from '@mui/material/Avatar';
-import { makeStyles } from '@mui/styles';
-import clsx from 'clsx';
-
-const useStyles = makeStyles((theme: Theme) => ({
-  dialogVisual: {
-    padding: 24,
-    boxSizing: 'content-box',
-    margin: '48px auto 0'
-  },
-  error: {
-    color: '#a12622',
-    backgroundColor: '#F5E9E8'
-  },
-  warning: {
-    color: '#a12622',
-    backgroundColor: '#a12622 10%'
-  },
-  info: {
-    color: '#0972d3',
-    backgroundColor: '#F2F8FD'
-  },
-  success: {
-    color: '#2d4821',
-    backgroundColor: '#dff0d8'
-  }
-}));
-
-type Severity = 'error' | 'info' | 'success' | 'warning';
-
-const defaultIcons: Record<Severity, string> = {
-  error: mdiExclamation,
-  info: mdiFileCheckOutline,
-  success: mdiCheck,
-  warning: mdiAlert
-};
-
-interface IDialogVisualProps {
-  severity?: Severity;
-  icon?: string;
-}
-
-const DialogVisual = (props: IDialogVisualProps) => {
-  const classes = useStyles();
-
-  const severity: Severity = props.severity || 'info';
-
-  return (
-    <Avatar className={clsx(classes.dialogVisual, classes[severity])} color="error">
-      <Icon path={props.icon || defaultIcons[severity]} size={2} />
-    </Avatar>
-  );
-};
-
-export default DialogVisual;
diff --git a/app/src/components/dialog/ErrorDialog.test.tsx b/app/src/components/dialog/ErrorDialog.test.tsx
deleted file mode 100644
index 8f8741f3af..0000000000
--- a/app/src/components/dialog/ErrorDialog.test.tsx
+++ /dev/null
@@ -1,69 +0,0 @@
-import { fireEvent, render, waitFor } from 'test-helpers/test-utils';
-import { ErrorDialog } from './ErrorDialog';
-
-describe('ErrorDialog', () => {
-  it.skip('renders correctly with no error message', () => {
-    const { baseElement } = render(
-      <div id="root">
-        <ErrorDialog
-          dialogTitle="This is dialog title"
-          dialogText="This is dialog text"
-          open={true}
-          onClose={() => jest.fn()}
-          onOk={() => jest.fn()}
-        />
-      </div>
-    );
-
-    expect(baseElement).toMatchSnapshot();
-  });
-
-  it.skip('renders correctly with a non-detailed error message', () => {
-    const { baseElement } = render(
-      <div id="root">
-        <ErrorDialog
-          dialogTitle="This is dialog title"
-          dialogText="This is dialog text"
-          dialogError="This is dialog error"
-          open={true}
-          onClose={() => jest.fn()}
-          onOk={() => jest.fn()}
-        />
-      </div>
-    );
-
-    expect(baseElement).toMatchSnapshot();
-  });
-
-  it.skip('renders correctly with a detailed error message', async () => {
-    const { baseElement, getByText } = render(
-      <div id="root">
-        <ErrorDialog
-          dialogTitle="This is dialog title"
-          dialogText="This is dialog text"
-          dialogErrorDetails={['an error', { error: 'another error' }]}
-          dialogError="This is dialog error"
-          open={true}
-          onClose={() => jest.fn()}
-          onOk={() => jest.fn()}
-        />
-      </div>
-    );
-
-    fireEvent.click(getByText('Show detailed error message'));
-
-    await waitFor(() => {
-      expect(getByText('an error')).toBeVisible();
-      expect(getByText('{"error":"another error"}')).toBeVisible();
-    });
-
-    expect(baseElement).toMatchSnapshot();
-
-    fireEvent.click(getByText('Hide detailed error message'));
-
-    await waitFor(() => {
-      expect(getByText('an error')).not.toBeVisible();
-      expect(getByText('{"error":"another error"}')).not.toBeVisible();
-    });
-  });
-});
diff --git a/app/src/components/dialog/YesNoDialog.test.tsx b/app/src/components/dialog/YesNoDialog.test.tsx
index aa040c21d8..53b6e0f5c0 100644
--- a/app/src/components/dialog/YesNoDialog.test.tsx
+++ b/app/src/components/dialog/YesNoDialog.test.tsx
@@ -29,24 +29,6 @@ const renderContainer = ({
 };
 
 describe('EditDialog', () => {
-  it.skip('matches the snapshot when not open', () => {
-    const { baseElement } = renderContainer({ dialogTitle: 'this is a test', dialogText: 'this is text', open: false });
-
-    expect(baseElement).toMatchSnapshot();
-  });
-
-  it.skip('matches the snapshot when open, with no error message', () => {
-    const { baseElement } = renderContainer({ dialogTitle: 'this is a test', dialogText: 'this is text' });
-
-    expect(baseElement).toMatchSnapshot();
-  });
-
-  it.skip('matches snapshot when open, with error message', () => {
-    const { baseElement } = renderContainer({ dialogTitle: 'this is a test', dialogText: 'This is an error' });
-
-    expect(baseElement).toMatchSnapshot();
-  });
-
   it('calls the onYes prop when `Yes` button is clicked', async () => {
     const { findByText } = renderContainer({ dialogTitle: 'this is a test', dialogText: 'this is text' });
 
diff --git a/app/src/components/fields/AutocompleteFreeSoloField.tsx b/app/src/components/fields/AutocompleteFreeSoloField.tsx
deleted file mode 100644
index 3f7e82a6e2..0000000000
--- a/app/src/components/fields/AutocompleteFreeSoloField.tsx
+++ /dev/null
@@ -1,53 +0,0 @@
-import Autocomplete, { createFilterOptions } from '@mui/material/Autocomplete';
-import TextField from '@mui/material/TextField';
-import { useFormikContext } from 'formik';
-import get from 'lodash-es/get';
-import React from 'react';
-
-export interface IAutocompleteFreeSoloField {
-  id: string;
-  label: string;
-  name: string;
-  options: string[];
-  required?: boolean;
-  filterLimit?: number;
-}
-
-const AutocompleteFreeSoloField: React.FC<IAutocompleteFreeSoloField> = (props) => {
-  const { touched, errors, setFieldValue, values } = useFormikContext<any>();
-
-  const { id, label, name, options, required, filterLimit } = props;
-
-  return (
-    <Autocomplete
-      freeSolo
-      autoSelect
-      includeInputInList
-      clearOnBlur
-      blurOnSelect
-      handleHomeEndKeys
-      id={id}
-      data-testid={id}
-      value={get(values, name)}
-      options={options}
-      getOptionLabel={(option) => option}
-      filterOptions={createFilterOptions({ limit: filterLimit })}
-      onChange={(event, option) => {
-        setFieldValue(name, option);
-      }}
-      renderInput={(params) => (
-        <TextField
-          {...params}
-          required={required}
-          label={label}
-          variant="outlined"
-          fullWidth
-          error={get(touched, name) && Boolean(get(errors, name))}
-          helperText={get(touched, name) && (get(errors, name) as string)}
-        />
-      )}
-    />
-  );
-};
-
-export default AutocompleteFreeSoloField;
diff --git a/app/src/components/fields/CustomFieldArray.tsx b/app/src/components/fields/CustomFieldArray.tsx
deleted file mode 100644
index 82b02dd640..0000000000
--- a/app/src/components/fields/CustomFieldArray.tsx
+++ /dev/null
@@ -1,114 +0,0 @@
-import { mdiTrashCanOutline } from '@mdi/js';
-import Icon from '@mdi/react';
-import { grey } from '@mui/material/colors';
-import IconButton from '@mui/material/IconButton';
-import List from '@mui/material/List';
-import ListItem from '@mui/material/ListItem';
-import ListItemSecondaryAction from '@mui/material/ListItemSecondaryAction';
-import ListItemText from '@mui/material/ListItemText';
-import { makeStyles } from '@mui/styles';
-import { FieldArray, FieldArrayRenderProps, useFormikContext } from 'formik';
-import { get } from 'lodash-es';
-
-const useStyles = makeStyles({
-  list: {
-    '& li': {
-      border: `1px solid ${grey[400]}`
-    },
-    '& li + li': {
-      borderTop: 'none'
-    },
-    '& li:first-of-type': {
-      mt: 1,
-      borderTopLeftRadius: '4px',
-      borderTopRightRadius: '4px'
-    },
-    '& li:last-of-type': {
-      borderBottomLeftRadius: '4px',
-      borderBottomRightRadius: '4px'
-    }
-  },
-  listItem: {
-    borderStyle: 'solid',
-    borderColor: 'grey.300'
-  },
-  listItemText: {
-    overflow: 'hidden',
-    textOverflow: 'ellipsis'
-  }
-});
-
-export interface CustomFieldArrayProps<ValueType = unknown> {
-  /**
-   * The name of the array field.
-   *
-   * @type {string}
-   * @memberof CustomFieldArrayProps
-   */
-  name: string;
-  /**
-   * Get a label for the raw array value.
-   *
-   * @memberof CustomFieldArrayProps
-   */
-  getLabelForValue: (value: ValueType) => {
-    primaryLabel: string;
-    secondaryLabel?: string;
-  };
-}
-
-/**
- * Render a list of items (with a delete button) for each item in an array field control, identified by its `name`.
- *
- * @example
- * <CustomFieldArray<SomeValueType> name="array_field_name" getLabelForValue={(value) => SomeLabelLookup(value)} />
- *
- * @param {*} props
- * @return {*}
- */
-const CustomFieldArray = <ValueType extends Record<string, any>>(props: CustomFieldArrayProps<ValueType>) => {
-  const classes = useStyles();
-
-  const formikProps = useFormikContext();
-
-  const values = get(formikProps.values, props.name);
-
-  if (!values || !Array.isArray(values) || !values.length) {
-    return <></>;
-  }
-
-  return (
-    <FieldArray
-      name={props.name}
-      render={(arrayHelpers: FieldArrayRenderProps) => (
-        <>
-          <List disablePadding className={classes.list}>
-            {values.map((value: ValueType, index: number) => {
-              const label = props.getLabelForValue(value);
-              return (
-                <ListItem key={`listItem-${label.primaryLabel}`} className={classes.listItem}>
-                  <ListItemText
-                    primary={label.primaryLabel}
-                    secondary={label.secondaryLabel}
-                    className={classes.listItemText}
-                  />
-                  <ListItemSecondaryAction>
-                    <IconButton
-                      aria-label="Delete list item"
-                      onClick={() => {
-                        arrayHelpers.remove(index);
-                      }}>
-                      <Icon path={mdiTrashCanOutline} size={0.875} />
-                    </IconButton>
-                  </ListItemSecondaryAction>
-                </ListItem>
-              );
-            })}
-          </List>
-        </>
-      )}
-    />
-  );
-};
-
-export default CustomFieldArray;
diff --git a/app/src/components/fields/CustomNumberField.tsx b/app/src/components/fields/CustomNumberField.tsx
deleted file mode 100644
index cdbb664d10..0000000000
--- a/app/src/components/fields/CustomNumberField.tsx
+++ /dev/null
@@ -1,73 +0,0 @@
-import TextField, { TextFieldProps } from '@mui/material/TextField';
-import { useFormikContext } from 'formik';
-import get from 'lodash-es/get';
-import React from 'react';
-import NumberFormat, { NumberFormatProps } from 'react-number-format';
-
-type BaseNumberFieldProps = {
-  name: string;
-  min?: number;
-  max?: number;
-  float?: boolean;
-};
-
-type INumberFieldProps = TextFieldProps & BaseNumberFieldProps & { required?: boolean; label: string };
-
-type NumberFormatCustomProps = BaseNumberFieldProps & {
-  onChange: (event: { target: { name: string; value: number } }) => void;
-};
-
-const NumberFormatCustom = React.forwardRef<NumberFormatProps, NumberFormatCustomProps>(function NumericFormatCustom(
-  props,
-  ref
-) {
-  const { onChange, min, max, float, ...other } = props;
-
-  return (
-    <NumberFormat
-      {...other}
-      getInputRef={ref}
-      onValueChange={(values) => {
-        onChange({
-          target: {
-            name: props.name,
-            value: float ? parseFloat(values.value) : parseInt(values.value)
-          }
-        });
-      }}
-      decimalScale={float ? 7 : 0}
-      isAllowed={(values) => {
-        const value = float ? parseFloat(values.value) : parseInt(values.value);
-        return (
-          values.value === '' ||
-          (value >= (min ?? Number.MIN_SAFE_INTEGER) && value <= (max ?? Number.MAX_SAFE_INTEGER))
-        );
-      }}
-    />
-  );
-});
-
-const CustomNumberField: React.FC<INumberFieldProps> = (props) => {
-  const { values, handleChange, touched, errors } = useFormikContext<INumberFieldProps>();
-
-  const { name, min, max, float, ...rest } = props;
-
-  return (
-    <TextField
-      {...rest}
-      name={name}
-      variant="outlined"
-      value={get(values, name)}
-      onChange={handleChange}
-      error={get(touched, name) && Boolean(get(errors, name))}
-      helperText={get(touched, name) && (get(errors, name) as string)}
-      InputProps={{
-        inputComponent: NumberFormatCustom as any
-      }}
-      inputProps={{ 'data-testid': name, min, max }}
-      fullWidth={true}
-    />
-  );
-};
-
-export default CustomNumberField;
diff --git a/app/src/components/fields/HorizontalSplitFormComponent.test.tsx b/app/src/components/fields/HorizontalSplitFormComponent.test.tsx
deleted file mode 100644
index 4372c99c05..0000000000
--- a/app/src/components/fields/HorizontalSplitFormComponent.test.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import Box from '@mui/material/Box';
-import Typography from '@mui/material/Typography';
-import { render } from 'test-helpers/test-utils';
-import HorizontalSplitFormComponent from './HorizontalSplitFormComponent';
-
-describe('HorizontalSplitFormComponent', () => {
-  it.skip('renders correctly', () => {
-    const { asFragment } = render(
-      <HorizontalSplitFormComponent
-        title="Section title"
-        summary="Section summary"
-        component={
-          <Box>
-            <Typography>Hey this is my content</Typography>
-          </Box>
-        }
-      />
-    );
-
-    expect(asFragment()).toMatchSnapshot();
-  });
-});
diff --git a/app/src/components/fields/SearchAutocompleteField.tsx b/app/src/components/fields/SearchAutocompleteField.tsx
deleted file mode 100644
index c49eaff676..0000000000
--- a/app/src/components/fields/SearchAutocompleteField.tsx
+++ /dev/null
@@ -1,85 +0,0 @@
-import { mdiMagnify } from '@mdi/js';
-import Icon from '@mdi/react';
-import { Autocomplete, Box, CircularProgress, TextField } from '@mui/material';
-import { DebouncedFunc } from 'lodash-es';
-
-interface ISearchAutocompleteFieldProps<T> {
-  id: string;
-  displayNameKey: keyof T;
-  placeholderText: string;
-  searchOptions: T[];
-  selectedOptions: T[];
-  handleSearch: DebouncedFunc<(inputValue: string, existingValues: T[]) => Promise<void>>;
-  isSearching: boolean;
-  handleOnChange: (arg0: T) => void;
-  renderSearch: (arg0: any) => JSX.Element;
-}
-
-const SearchAutocompleteField = <T,>(props: ISearchAutocompleteFieldProps<T>) => {
-  const {
-    id,
-    placeholderText,
-    isSearching,
-    displayNameKey,
-    searchOptions,
-    selectedOptions,
-    handleSearch,
-    handleOnChange,
-    renderSearch
-  } = props;
-
-  return (
-    <Autocomplete
-      clearOnBlur
-      handleHomeEndKeys
-      multiple
-      renderTags={() => null}
-      id={id}
-      options={searchOptions}
-      filterSelectedOptions
-      filterOptions={(options) => options} // https://mui.com/material-ui/react-autocomplete/#search-as-you-type
-      isOptionEqualToValue={(option, value) => option[displayNameKey] === value[displayNameKey]}
-      getOptionLabel={(option) => String(option[displayNameKey] || '')}
-      onInputChange={(_, value) => {
-        handleSearch(value, selectedOptions);
-      }}
-      onChange={(_, option) => {
-        const newItem = option.pop();
-        if (newItem) {
-          handleOnChange(newItem);
-        }
-      }}
-      renderInput={(params) => (
-        <TextField
-          {...params}
-          variant="outlined"
-          placeholder={placeholderText}
-          fullWidth
-          InputProps={{
-            ...params.InputProps,
-            startAdornment: (
-              <Box mx={1} mt={'6px'}>
-                <Icon path={mdiMagnify} size={1} />
-              </Box>
-            ),
-            endAdornment: (
-              <>
-                {isSearching ? <CircularProgress color="inherit" size={20} /> : null}
-                {params.InputProps.endAdornment}
-              </>
-            )
-          }}
-        />
-      )}
-      renderOption={(renderProps, renderOption) => {
-        return (
-          <Box component="li" {...renderProps}>
-            {renderSearch(renderOption)}
-          </Box>
-        );
-      }}
-    />
-  );
-};
-
-export default SearchAutocompleteField;
diff --git a/app/src/components/layout/Footer.test.tsx b/app/src/components/layout/Footer.test.tsx
deleted file mode 100644
index 867dd988ef..0000000000
--- a/app/src/components/layout/Footer.test.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import { render } from 'test-helpers/test-utils';
-import Footer from './Footer';
-
-describe('Footer', () => {
-  it.skip('renders correctly', () => {
-    const { asFragment } = render(<Footer />);
-
-    expect(asFragment()).toMatchSnapshot();
-  });
-});
diff --git a/app/src/components/map/SearchFeaturePopup.tsx b/app/src/components/map/SearchFeaturePopup.tsx
deleted file mode 100644
index ebd4a77224..0000000000
--- a/app/src/components/map/SearchFeaturePopup.tsx
+++ /dev/null
@@ -1,34 +0,0 @@
-import Box from '@mui/material/Box';
-import Button from '@mui/material/Button';
-import Typography from '@mui/material/Typography';
-import { useAuthStateContext } from 'hooks/useAuthStateContext';
-import React from 'react';
-import { Popup } from 'react-leaflet';
-import { useHistory } from 'react-router';
-
-export const SearchFeaturePopup: React.FC<{ featureData: any }> = (props) => {
-  const authStateContext = useAuthStateContext();
-  const history = useHistory();
-
-  const { featureData } = props;
-
-  return (
-    <Popup key={featureData.id} keepInView={false} autoPan={false}>
-      <Box mb={2}>
-        <Typography variant="body1">Project: {featureData.name}</Typography>
-      </Box>
-      <Button
-        variant="contained"
-        color="primary"
-        onClick={() => {
-          if (!authStateContext.auth.isAuthenticated || authStateContext.simsUserWrapper.isLoading) {
-            history.push(`/admin/projects/${featureData.id}`);
-          } else {
-            history.push(`/projects/${featureData.id}`);
-          }
-        }}>
-        View Project Details
-      </Button>
-    </Popup>
-  );
-};
diff --git a/app/src/components/map/WFSFeatureGroup.test.tsx b/app/src/components/map/WFSFeatureGroup.test.tsx
deleted file mode 100644
index 8aeb14690f..0000000000
--- a/app/src/components/map/WFSFeatureGroup.test.tsx
+++ /dev/null
@@ -1,83 +0,0 @@
-import { useBiohubApi } from 'hooks/useBioHubApi';
-import { MapContainer as LeafletMapContainer } from 'react-leaflet';
-import { cleanup, render, waitFor } from 'test-helpers/test-utils';
-import { SetMapBounds } from './components/Bounds';
-import WFSFeatureGroup from './WFSFeatureGroup';
-
-jest.mock('../../hooks/useBioHubApi');
-const mockBiohubApi = useBiohubApi as jest.Mock;
-
-const mockUseApi = {
-  external: {
-    get: jest.fn()
-  }
-};
-
-describe('WFSFeatureGroup', () => {
-  beforeEach(() => {
-    mockBiohubApi.mockImplementation(() => mockUseApi);
-
-    const feature = {
-      type: 'Feature',
-      geometry: {
-        type: 'Polygon',
-        coordinates: [
-          [
-            [-124.044265, 48.482268],
-            [-124.044265, 49.140633],
-            [-122.748143, 49.140633],
-            [-122.748143, 48.482268],
-            [-124.044265, 48.482268]
-          ]
-        ]
-      },
-      properties: {
-        OBJECTID: 332,
-        REGION_RESPONSIBLE_NAME: 'region'
-      }
-    };
-
-    mockUseApi.external.get.mockResolvedValue({
-      features: [feature]
-    });
-
-    jest.spyOn(console, 'debug').mockImplementation(() => {});
-  });
-
-  afterEach(() => {
-    cleanup();
-  });
-
-  it.skip('matches the snapshot with wildlife management units layer showing', async () => {
-    const initialBounds: any[] = [
-      [48.25443233, -123.88613849],
-      [49.34875907, -123.00382943]
-    ];
-
-    const onSelectGeometry = jest.fn();
-
-    const { asFragment } = render(
-      <LeafletMapContainer
-        id={'test-map'}
-        style={{ height: '100%' }}
-        center={[55, -128]}
-        zoom={10}
-        scrollWheelZoom={false}>
-        <SetMapBounds bounds={initialBounds} />
-        <WFSFeatureGroup
-          typeName="pub:WHSE_WILDLIFE_MANAGEMENT.WAA_WILDLIFE_MGMT_UNITS_SVW"
-          featureKeyHandler={() => 'uniqueFeatureKey'}
-          popupContentHandler={() => {
-            return { tooltip: 'Feature Name', content: <div>myFeature</div> };
-          }}
-          onSelectGeometry={onSelectGeometry}
-          existingGeometry={[]}
-        />
-      </LeafletMapContainer>
-    );
-
-    await waitFor(() => {
-      expect(asFragment()).toMatchSnapshot();
-    });
-  });
-});
diff --git a/app/src/components/map/components/Bounds.tsx b/app/src/components/map/components/Bounds.tsx
index 9637855417..c95ee7ec32 100644
--- a/app/src/components/map/components/Bounds.tsx
+++ b/app/src/components/map/components/Bounds.tsx
@@ -1,8 +1,7 @@
 import { Feature, Polygon } from 'geojson';
 import { LatLngBoundsExpression } from 'leaflet';
 import { useEffect } from 'react';
-import { useMap, useMapEvents } from 'react-leaflet';
-import { getFeatureObjectFromLatLngBounds } from 'utils/Utils';
+import { useMap } from 'react-leaflet';
 
 export interface ISetMapBoundsProps {
   bounds?: LatLngBoundsExpression;
@@ -30,28 +29,3 @@ export type IMapBoundsOnChange = (bounds: Feature<Polygon>, zoom: number) => voi
 export interface IGetMapBoundsProps {
   onChange: IMapBoundsOnChange;
 }
-
-export const GetMapBounds: React.FC<React.PropsWithChildren<IGetMapBoundsProps>> = (props) => {
-  const { onChange } = props;
-
-  const map = useMapEvents({
-    zoomend() {
-      const latLngBounds = map.getBounds();
-      map.closePopup();
-
-      const featureBounds = getFeatureObjectFromLatLngBounds(latLngBounds);
-
-      onChange(featureBounds, map.getZoom());
-    },
-    moveend() {
-      const latLngBounds = map.getBounds();
-      map.closePopup();
-
-      const featureBounds = getFeatureObjectFromLatLngBounds(latLngBounds);
-
-      onChange(featureBounds, map.getZoom());
-    }
-  });
-
-  return null;
-};
diff --git a/app/src/components/map/components/EventHandler.tsx b/app/src/components/map/components/EventHandler.tsx
deleted file mode 100644
index 97639797f4..0000000000
--- a/app/src/components/map/components/EventHandler.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import { LeafletEventHandlerFnMap } from 'leaflet';
-import { useMapEvents } from 'react-leaflet';
-
-export interface IEventHandlerProps {
-  eventHandlers?: LeafletEventHandlerFnMap;
-}
-
-const EventHandler = (props: IEventHandlerProps) => {
-  useMapEvents({
-    ...props.eventHandlers
-  });
-
-  return null;
-};
-
-export default EventHandler;
diff --git a/app/src/components/publish/PublishProjectDialog.tsx b/app/src/components/publish/PublishProjectDialog.tsx
deleted file mode 100644
index 4df668d55c..0000000000
--- a/app/src/components/publish/PublishProjectDialog.tsx
+++ /dev/null
@@ -1,123 +0,0 @@
-import Box from '@mui/material/Box';
-import Typography from '@mui/material/Typography';
-import SubmitBiohubDialog from 'components/dialog/SubmitBiohubDialog';
-import { SubmitProjectBiohubI18N } from 'constants/i18n';
-import { ProjectContext } from 'contexts/projectContext';
-import { useBiohubApi } from 'hooks/useBioHubApi';
-import { IGetProjectAttachment, IGetProjectReportAttachment } from 'interfaces/useProjectApi.interface';
-import { IProjectSubmitForm } from 'interfaces/usePublishApi.interface';
-import { useContext } from 'react';
-import yup from 'utils/YupSchema';
-import SelectAllButton from './SelectAllButton';
-import SubmitSection from './SubmitSection';
-
-export interface ISubmitProject {
-  unSubmittedReports: IGetProjectReportAttachment[];
-  unSubmittedAttachments: IGetProjectAttachment[];
-}
-
-interface IPublishProjectDialogProps {
-  open: boolean;
-  onClose: () => void;
-}
-
-const projectSubmitFormInitialValues: IProjectSubmitForm = {
-  reports: [],
-  attachments: []
-};
-
-const projectSubmitFormYupSchema = yup.object().shape({
-  reports: yup.array(),
-  attachments: yup.array()
-});
-
-const excludesArtifactRevisionId = (item: IGetProjectReportAttachment | IGetProjectAttachment) => {
-  return !item.supplementaryAttachmentData?.artifact_revision_id;
-};
-
-/**
- * Project publish button.
- *
- * @return {*}
- */
-const PublishProjectDialog = (props: IPublishProjectDialogProps) => {
-  const biohubApi = useBiohubApi();
-  const projectContext = useContext(ProjectContext);
-  const { projectDataLoader, artifactDataLoader } = projectContext;
-
-  const unsubmittedReports = artifactDataLoader.data?.reportAttachmentsList.filter(excludesArtifactRevisionId) ?? [];
-  const unsubmittedAttachments = artifactDataLoader.data?.attachmentsList.filter(excludesArtifactRevisionId) ?? [];
-  const hasSubmissionData = unsubmittedAttachments.length > 0 || unsubmittedReports.length > 0;
-
-  return (
-    <>
-      <SubmitBiohubDialog<IProjectSubmitForm>
-        dialogTitle={SubmitProjectBiohubI18N.submitProjectBiohubDialogTitle}
-        submissionSuccessDialogTitle={SubmitProjectBiohubI18N.submitProjectBiohubSuccessDialogTitle}
-        submissionSuccessDialogText={SubmitProjectBiohubI18N.submitProjectBiohubSuccessDialogText}
-        noSubmissionDataDialogTitle={SubmitProjectBiohubI18N.submitProjectBiohubNoSubmissionDataDialogTitle}
-        noSubmissionDataDialogText={SubmitProjectBiohubI18N.submitProjectBiohubNoSubmissionDataDialogText}
-        hasSubmissionData={hasSubmissionData}
-        open={props.open}
-        onClose={props.onClose}
-        onSubmit={async (values: IProjectSubmitForm) => {
-          if (projectDataLoader.data) {
-            return biohubApi.publish.publishProject(projectContext.projectId, values).then(() => {
-              projectContext.projectDataLoader.refresh(projectContext.projectId);
-              if (values.attachments.length > 0 || values.reports.length > 0) {
-                projectContext.artifactDataLoader.refresh(projectContext.projectId);
-              }
-            });
-          }
-        }}
-        formikProps={{
-          initialValues: projectSubmitFormInitialValues,
-          validationSchema: projectSubmitFormYupSchema
-        }}>
-        <Box mb={2}>
-          <Typography variant="body1" color="textSecondary">
-            <strong>Please Note:</strong> Submitted data cannot be modified. You will need to contact an administrator
-            if you need to modify submitted information.
-          </Typography>
-        </Box>
-
-        <SelectAllButton
-          formikData={[
-            {
-              key: 'reports',
-              value: unsubmittedReports
-            },
-            {
-              key: 'attachments',
-              value: unsubmittedAttachments
-            }
-          ]}
-        />
-
-        {unsubmittedReports.length > 0 && (
-          <SubmitSection
-            subHeader="Reports"
-            formikName="reports"
-            data={unsubmittedReports}
-            getName={(item: IGetProjectReportAttachment) => {
-              return item.fileName;
-            }}
-          />
-        )}
-
-        {unsubmittedAttachments.length > 0 && (
-          <SubmitSection
-            subHeader="Other Documents"
-            formikName="attachments"
-            data={unsubmittedAttachments}
-            getName={(item: IGetProjectAttachment) => {
-              return item.fileName;
-            }}
-          />
-        )}
-      </SubmitBiohubDialog>
-    </>
-  );
-};
-
-export default PublishProjectDialog;
diff --git a/app/src/components/publish/SelectAllButton.tsx b/app/src/components/publish/SelectAllButton.tsx
deleted file mode 100644
index b8ebc9af90..0000000000
--- a/app/src/components/publish/SelectAllButton.tsx
+++ /dev/null
@@ -1,59 +0,0 @@
-import Checkbox from '@mui/material/Checkbox';
-import List from '@mui/material/List';
-import ListItem from '@mui/material/ListItem';
-import ListItemIcon from '@mui/material/ListItemIcon';
-import ListItemText from '@mui/material/ListItemText';
-import { useFormikContext } from 'formik';
-import React, { useEffect } from 'react';
-
-export interface ISelectAllButtonProps {
-  formikData: { key: string; value: any }[];
-}
-
-const SelectAllButton: React.FC<ISelectAllButtonProps> = (props) => {
-  const [selected, setSelected] = React.useState(false);
-
-  const { formikData } = props;
-  const { resetForm, setFieldValue, values } = useFormikContext<any>();
-
-  useEffect(() => {
-    formikData.forEach((item) => {
-      if (values[item.key] !== item.value) {
-        setSelected(false);
-      }
-    });
-  }, [formikData, values]);
-
-  const handleAll = () => {
-    formikData.forEach((item) => {
-      setFieldValue(item.key, item.value);
-    });
-  };
-
-  return (
-    <List disablePadding>
-      <ListItem
-        onClick={() => {
-          if (selected) {
-            resetForm();
-            setSelected(false);
-          } else {
-            handleAll();
-            setSelected(true);
-          }
-        }}
-        key={`select-all`}
-        dense
-        divider>
-        <ListItemIcon>
-          <Checkbox edge="start" checked={selected} name={`select-all`} color="primary"></Checkbox>
-        </ListItemIcon>
-        <ListItemText>
-          <strong>SELECT ALL</strong>
-        </ListItemText>
-      </ListItem>
-    </List>
-  );
-};
-
-export default SelectAllButton;
diff --git a/app/src/components/publish/SubmitSection.tsx b/app/src/components/publish/SubmitSection.tsx
deleted file mode 100644
index 56c04f3c78..0000000000
--- a/app/src/components/publish/SubmitSection.tsx
+++ /dev/null
@@ -1,106 +0,0 @@
-import { Theme } from '@mui/material';
-import Box from '@mui/material/Box';
-import Checkbox from '@mui/material/Checkbox';
-import { grey } from '@mui/material/colors';
-import List from '@mui/material/List';
-import ListItem from '@mui/material/ListItem';
-import ListItemIcon from '@mui/material/ListItemIcon';
-import ListItemText from '@mui/material/ListItemText';
-import Typography from '@mui/material/Typography';
-import { makeStyles } from '@mui/styles';
-import { FieldArray, FieldArrayRenderProps, useFormikContext } from 'formik';
-import React from 'react';
-
-const useStyles = makeStyles((theme: Theme) => ({
-  sectionTitle: {
-    letterSpacing: '0.02rem',
-    textTransform: 'uppercase',
-    background: grey[100]
-  }
-}));
-
-export interface ISubmitSectionProps extends IDisplayFilesProps {
-  subHeader: string;
-}
-
-interface IDisplayFilesProps {
-  formikName: string;
-  getName: (item: any) => string;
-  data: any;
-}
-
-const SubmitSection: React.FC<ISubmitSectionProps> = (props) => {
-  const classes = useStyles();
-  const { subHeader, formikName, getName, data } = props;
-
-  return (
-    <Box mb={2}>
-      <Box py={1.75} px={2} className={classes.sectionTitle}>
-        <Typography variant="body2" color="textSecondary">
-          <strong>
-            {subHeader} {data && data.length > 1 ? `(${data.length})` : ''}
-          </strong>
-        </Typography>
-      </Box>
-      <DisplayFiles data={data} formikName={formikName} getName={getName} />
-    </Box>
-  );
-};
-
-const DisplayFiles: React.FC<IDisplayFilesProps> = (props) => {
-  const { values } = useFormikContext<any>();
-  const { formikName, getName, data } = props;
-
-  if (!data || !data.length) {
-    return (
-      <Box pl={2} py={2}>
-        <Typography variant="body2" color="textSecondary">
-          Nothing to submit
-        </Typography>
-      </Box>
-    );
-  }
-
-  const isChecked = (item: any) => {
-    return values[formikName].find((value: any) => getName(value) === getName(item)) ? true : false;
-  };
-
-  return (
-    <List disablePadding>
-      <FieldArray
-        name={formikName}
-        render={(arrayHelpers: FieldArrayRenderProps) => (
-          <>
-            {data.map((item: any, index: number) => (
-              <ListItem
-                onClick={() => {
-                  const currentTarget = values[formikName].findIndex((value: any) => getName(value) === getName(item));
-
-                  if (currentTarget === -1) {
-                    arrayHelpers.push(item);
-                  } else {
-                    arrayHelpers.remove(currentTarget);
-                  }
-                }}
-                key={`${formikName}[${item.id}]`}
-                dense
-                divider>
-                <ListItemIcon>
-                  <Checkbox
-                    edge="start"
-                    checked={isChecked(item)}
-                    name={`${formikName}[${index}]`}
-                    color="primary"></Checkbox>
-                </ListItemIcon>
-                <ListItemText>
-                  <strong>{getName(item)}</strong>
-                </ListItemText>
-              </ListItem>
-            ))}
-          </>
-        )}
-      />
-    </List>
-  );
-};
-export default SubmitSection;
diff --git a/app/src/components/security/Guards.tsx b/app/src/components/security/Guards.tsx
index 2b73e356a8..560e6ec910 100644
--- a/app/src/components/security/Guards.tsx
+++ b/app/src/components/security/Guards.tsx
@@ -96,23 +96,6 @@ export const ProjectRoleGuard = (props: PropsWithChildren<IProjectRoleGuardProps
   return <></>;
 };
 
-/**
- * This function checks if the logged in user has any of the passed in roles
- *
- * @param roles
- * @returns {*} boolean
- */
-export const HasProjectOrSystemRole = (roles: IProjectRoleGuardProps): boolean => {
-  const { validProjectRoles, validSystemRoles, validProjectPermissions } = roles;
-  const projectAuthStateContext = useContext(ProjectAuthStateContext);
-
-  return (
-    projectAuthStateContext.hasSystemRole(validSystemRoles) ||
-    projectAuthStateContext.hasProjectRole(validProjectRoles) ||
-    projectAuthStateContext.hasProjectPermission(validProjectPermissions)
-  );
-};
-
 /**
  * Renders `props.children` only if the user is authenticated.
  *
diff --git a/app/src/components/security/RouteGuards.test.tsx b/app/src/components/security/RouteGuards.test.tsx
index 4e345c9b17..68f6a06941 100644
--- a/app/src/components/security/RouteGuards.test.tsx
+++ b/app/src/components/security/RouteGuards.test.tsx
@@ -1,8 +1,4 @@
-import {
-  AuthenticatedRouteGuard,
-  SystemRoleRouteGuard,
-  UnAuthenticatedRouteGuard
-} from 'components/security/RouteGuards';
+import { AuthenticatedRouteGuard, SystemRoleRouteGuard } from 'components/security/RouteGuards';
 import { SYSTEM_ROLE } from 'constants/roles';
 import { AuthStateContext } from 'contexts/authStateContext';
 import { createMemoryHistory } from 'history';
@@ -609,77 +605,4 @@ describe('RouteGuards', () => {
       });
     });
   });
-
-  describe('UnAuthenticatedRouteGuard', () => {
-    describe('unauthenticated', () => {
-      afterAll(() => {
-        cleanup();
-      });
-
-      it('renders the route', async () => {
-        const authState = getMockAuthState({
-          base: nullAuthState,
-          overrides: {
-            auth: {
-              isAuthenticated: false
-            }
-          }
-        });
-
-        const initialPath = '/unauth/route';
-        const history = createMemoryHistory({ initialEntries: [initialPath] });
-
-        const { getByTestId } = render(
-          <AuthStateContext.Provider value={authState}>
-            <Router history={history}>
-              <UnAuthenticatedRouteGuard>
-                <Success />
-              </UnAuthenticatedRouteGuard>
-            </Router>
-          </AuthStateContext.Provider>
-        );
-
-        await waitFor(() => {
-          expect(history.location.pathname).toEqual(initialPath);
-          expect(getByTestId('success-component')).toBeVisible();
-        });
-      });
-    });
-
-    describe('authenticated', () => {
-      afterAll(() => {
-        cleanup();
-      });
-
-      it('redirects to the landing page', async () => {
-        const authState = getMockAuthState({
-          base: nullAuthState,
-          overrides: {
-            auth: {
-              isAuthenticated: true
-            }
-          }
-        });
-
-        const initialPath = '/auth/route';
-        const history = createMemoryHistory({ initialEntries: [initialPath] });
-
-        render(
-          <AuthStateContext.Provider value={authState}>
-            <Router history={history}>
-              <UnAuthenticatedRouteGuard>
-                <Success />
-              </UnAuthenticatedRouteGuard>
-            </Router>
-          </AuthStateContext.Provider>
-        );
-
-        const expectedPath = '/';
-
-        await waitFor(() => {
-          expect(history.location.pathname).toEqual(expectedPath);
-        });
-      });
-    });
-  });
 });
diff --git a/app/src/components/security/RouteGuards.tsx b/app/src/components/security/RouteGuards.tsx
index aef477a645..efbaad16a8 100644
--- a/app/src/components/security/RouteGuards.tsx
+++ b/app/src/components/security/RouteGuards.tsx
@@ -2,7 +2,6 @@ import CircularProgress from '@mui/material/CircularProgress';
 import { PROJECT_PERMISSION, PROJECT_ROLE, SYSTEM_ROLE } from 'constants/roles';
 import { ProjectAuthStateContext } from 'contexts/projectAuthStateContext';
 import { useAuthStateContext } from 'hooks/useAuthStateContext';
-import { useRedirectUri } from 'hooks/useRedirect';
 import { useContext, useEffect } from 'react';
 import { hasAuthParams } from 'react-oidc-context';
 import { Redirect, Route, RouteProps, useLocation } from 'react-router';
@@ -167,29 +166,3 @@ export const AuthenticatedRouteGuard = (props: RouteProps) => {
   // The user is a registered system user
   return <Route {...rest}>{children}</Route>;
 };
-
-/**
- * Route guard that requires the user to not be authenticated.
- *
- * @param {RouteProps} props
- * @return {*}
- */
-export const UnAuthenticatedRouteGuard = (props: RouteProps) => {
-  const { children, ...rest } = props;
-
-  const authStateContext = useAuthStateContext();
-
-  const redirectUri = useRedirectUri('/');
-
-  if (authStateContext.auth.isAuthenticated) {
-    /**
-     * If the user happens to be authenticated, rather than just redirecting them to `/`, we can
-     * check if the URL contains a redirect query param, and send them there instead (for
-     * example, links to `/login` generated by SIMS will typically include a redirect query param).
-     * If there is no redirect query param, they will be sent to `/` as a fallback.
-     */
-    return <Redirect to={redirectUri} />;
-  }
-
-  return <Route {...rest}>{children}</Route>;
-};
diff --git a/app/src/components/user/UserRoleSelector.test.tsx b/app/src/components/user/UserRoleSelector.test.tsx
index 540258a86f..66bfdf8ec1 100644
--- a/app/src/components/user/UserRoleSelector.test.tsx
+++ b/app/src/components/user/UserRoleSelector.test.tsx
@@ -1,8 +1,7 @@
 import { PROJECT_ROLE } from 'constants/roles';
 import { ICode } from 'interfaces/useCodesApi.interface';
-import { act, fireEvent, render, waitFor, within } from 'test-helpers/test-utils';
+import { act, fireEvent, render, waitFor } from 'test-helpers/test-utils';
 import UserRoleSelector from './UserRoleSelector';
-
 const roles: ICode[] = [
   {
     id: 1,
@@ -87,11 +86,11 @@ describe('UserRoleSelector', () => {
     });
   });
 
-  it.skip('Add role to user', async () => {
+  it('Add role to user', async () => {
     const onDelete = jest.fn();
     const onAdd = jest.fn();
 
-    const { getAllByRole, getByRole } = render(
+    const { getByTestId, getByText } = render(
       <UserRoleSelector
         index={0}
         user={{
@@ -117,11 +116,20 @@ describe('UserRoleSelector', () => {
       />
     );
 
-    fireEvent.mouseDown(getAllByRole('button')[0]);
-    const listbox = within(getByRole('listbox'));
-    fireEvent.click(listbox.getByText('Coordinator', { exact: false }));
+    await act(async () => {
+      const button = getByTestId('select-user-role-button-0');
+      fireEvent.click(button);
+
+      if (button.firstChild) {
+        fireEvent.keyDown(button.firstChild, { key: 'ArrowDown' });
+      }
+    });
+
+    await waitFor(async () => {
+      expect(getByText('Collaborator', { exact: false })).toBeVisible();
+
+      fireEvent.click(getByText('Collaborator', { exact: false }));
 
-    await waitFor(() => {
       expect(onAdd).toBeCalled();
     });
   });
diff --git a/app/src/constants/attachments.ts b/app/src/constants/attachments.ts
index 60dd5882a0..1d752a958c 100644
--- a/app/src/constants/attachments.ts
+++ b/app/src/constants/attachments.ts
@@ -4,13 +4,6 @@ export enum AttachmentType {
   OTHER = 'Other'
 }
 
-export enum AttachmentStatus {
-  PENDING_REVIEW = 'PENDING_REVIEW',
-  SECURED = 'SECURED',
-  UNSECURED = 'UNSECURED',
-  SUBMITTED = 'SUBMITTED'
-}
-
 export enum PublishStatus {
   NO_DATA = 'NO_DATA',
   UNSUBMITTED = 'UNSUBMITTED',
diff --git a/app/src/constants/auth.ts b/app/src/constants/auth.ts
index 0b67e2e555..77b763aca0 100644
--- a/app/src/constants/auth.ts
+++ b/app/src/constants/auth.ts
@@ -5,36 +5,3 @@ export enum SYSTEM_IDENTITY_SOURCE {
   DATABASE = 'DATABASE',
   UNVERIFIED = 'UNVERIFIED'
 }
-
-interface IUserInfo {
-  sub: string;
-  email_verified: boolean;
-  preferred_username: string;
-  identity_source: string;
-  display_name: string;
-  email: string;
-}
-
-export interface IIDIRUserInfo extends IUserInfo {
-  idir_user_guid: string;
-  idir_username: string;
-  name: string;
-  given_name: string;
-  family_name: string;
-  identity_provider: 'idir';
-}
-
-interface IBCEIDUserInfo {
-  bceid_user_guid: string;
-  bceid_username: string;
-}
-
-export interface IBCEIDBasicUserInfo extends IBCEIDUserInfo, IUserInfo {
-  identity_provider: 'bceidbasic';
-}
-
-export interface IBCEIDBusinessUserInfo extends IBCEIDUserInfo, IUserInfo {
-  bceid_business_guid: string;
-  bceid_business_name: string;
-  identity_provider: 'bceidbusiness';
-}
diff --git a/app/src/constants/i18n.ts b/app/src/constants/i18n.ts
index 4d302d10ce..4c2ff91d4b 100644
--- a/app/src/constants/i18n.ts
+++ b/app/src/constants/i18n.ts
@@ -44,14 +44,6 @@ export const EditSurveyI18N = {
     'An error has occurred while attempting to create your survey, please try again. If the error persists, please contact your system administrator.'
 };
 
-export const CreatePermitsI18N = {
-  cancelTitle: 'Cancel Create Permits',
-  cancelText: 'Are you sure you want to cancel?',
-  createErrorTitle: 'Error Creating Permits',
-  createErrorText:
-    'An error has occurred while attempting to create your permits, please try again. If the error persists, please contact your system administrator.'
-};
-
 export const AttachmentsI18N = {
   cancelTitle: 'Cancel Upload',
   cancelText: 'Are you sure you want to cancel?',
@@ -66,120 +58,6 @@ export const AttachmentsI18N = {
     'An error has occurred while attempting to download an attachment, please try again. If the error persists, please contact your system administrator.'
 };
 
-export const EditPartnershipsI18N = {
-  editTitle: 'Edit Partnerships',
-  editErrorTitle: 'Error Editing Partnerships',
-  editErrorText:
-    'An error has occurred while attempting to edit your partnerships, please try again. If the error persists, please contact your system administrator.'
-};
-
-export const EditObjectivesI18N = {
-  editTitle: 'Edit Project Objectives',
-  editErrorTitle: 'Error Editing Project Objectives',
-  editErrorText:
-    'An error has occurred while attempting to edit your project objectives, please try again. If the error persists, please contact your system administrator.'
-};
-
-export const EditCoordinatorI18N = {
-  editTitle: 'Edit Project Contact',
-  editErrorTitle: 'Error Editing Project Contact',
-  editErrorText:
-    'An error has occurred while attempting to edit your project contact details, please try again. If the error persists, please contact your system administrator.'
-};
-
-export const EditGeneralInformationI18N = {
-  editTitle: 'Edit General Information',
-  editErrorTitle: 'Error Editing General Information',
-  editErrorText:
-    'An error has occurred while attempting to edit your general information, please try again. If the error persists, please contact your system administrator.'
-};
-
-export const EditSurveyGeneralInformationI18N = {
-  editTitle: 'Edit Survey General Information',
-  editErrorTitle: 'Error Editing Survey General Information',
-  editErrorText:
-    'An error has occurred while attempting to edit your survey general information, please try again. If the error persists, please contact your system administrator.'
-};
-
-export const EditSurveyStudyAreaI18N = {
-  editTitle: 'Edit Survey Study Area',
-  editErrorTitle: 'Error Editing Survey Study Area',
-  editErrorText:
-    'An error has occurred while attempting to edit your survey study area, please try again. If the error persists, please contact your system administrator.'
-};
-
-export const EditSurveyProprietorI18N = {
-  editTitle: 'Edit Survey Proprietor',
-  editErrorTitle: 'Error Editing Survey Proprietor',
-  editErrorText:
-    'An error has occurred while attempting to edit your survey proprietor information, please try again. If the error persists, please contact your system administrator.'
-};
-
-export const EditSurveyPurposeAndMethodologyI18N = {
-  editTitle: 'Edit Survey Purpose and Methodology',
-  editErrorTitle: 'Error Editing Survey Purpose and Methodology',
-  editErrorText:
-    'An error has occurred while attempting to edit your survey purpose and methodology information, please try again. If the error persists, please contact your system administrator.'
-};
-
-export const EditLocationBoundaryI18N = {
-  editTitle: 'Edit Project Location',
-  editErrorTitle: 'Error Editing Project Location',
-  editErrorText:
-    'An error has occurred while attempting to edit your location, please try again. If the error persists, please contact your system administrator.'
-};
-
-export const EditIUCNI18N = {
-  editTitle: 'Edit IUCN Classifications',
-  editErrorTitle: 'Error Editing IUCN Classifications',
-  editErrorText:
-    'An error has occurred while attempting to edit your IUCN classification, please try again. If the error persists, please contact your system administrator.'
-};
-
-export const EditSpeciesI18N = {
-  editTitle: 'Edit Species',
-  editErrorTitle: 'Error Editing Species',
-  editErrorText:
-    'An error has occurred while attempting to edit your species, please try again. If the error persists, please contact your system administrator.'
-};
-
-export const EditObservationI18N = {
-  editTitle: 'Edit Observation',
-  editErrorTitle: 'Error Editing Observation',
-  editErrorText:
-    'An error has occurred while attempting to edit your observation, please try again. If the error persists, please contact your system administrator.'
-};
-
-export const AddFundingI18N = {
-  addTitle: 'Create Funding Source',
-  addErrorTitle: 'Error Creating Funding Source',
-  addErrorText:
-    'An error has occurred while attempting to add your funding source details, please try again. If the error persists, please contact your system administrator.'
-};
-
-export const EditFundingI18N = {
-  editTitle: 'Edit Funding Source',
-  editErrorTitle: 'Error Editing Funding Source',
-  editErrorText:
-    'An error has occurred while attempting to edit your funding source details, please try again. If the error persists, please contact your system administrator.'
-};
-
-export const DeleteProjectFundingI18N = {
-  deleteTitle: 'Remove Funding Source',
-  deleteText:
-    'Are you sure you want to remove this project funding source? It will also remove the associated survey funding source.',
-  deleteErrorTitle: 'Error Removing Funding Source',
-  deleteErrorText:
-    'An error has occurred while attempting to delete your funding source details, please try again. If the error persists, please contact your system administrator.'
-};
-
-export const EditPermitI18N = {
-  editTitle: 'Edit Permits',
-  editErrorTitle: 'Error Editing Permits',
-  editErrorText:
-    'An error has occurred while attempting to edit your permit details, please try again. If the error persists, please contact your system administrator.'
-};
-
 export const AccessRequestI18N = {
   requestTitle: 'Access Request',
   requestText: 'Error requesting access',
@@ -222,13 +100,6 @@ export const DeleteSurveyI18N = {
     'An error has occurred while attempting to delete this survey. If the error persists, please contact your system administrator.'
 };
 
-export const EditReportMetaDataI18N = {
-  editTitle: 'Edit Report Meta Data',
-  editErrorTitle: 'Error Editing Report Meta Data',
-  editErrorText:
-    'An error has occurred while attempting to edit your report meta data, please try again. If the error persists, please contact your system administrator.'
-};
-
 export const AddSystemUserI18N = {
   addUserErrorTitle: 'Error Adding System User',
   addUserErrorText:
diff --git a/app/src/constants/misc.ts b/app/src/constants/misc.ts
index 0db0bc1bee..f52321e41b 100644
--- a/app/src/constants/misc.ts
+++ b/app/src/constants/misc.ts
@@ -7,25 +7,3 @@ export enum AdministrativeActivityStatusType {
   ACTIONED = 'Actioned',
   REJECTED = 'Rejected'
 }
-
-export enum BioHubSubmittedStatusType {
-  UNSUBMITTED = 'Unsubmitted',
-  SUBMITTED = 'Submitted',
-  REJECTED = 'Rejected'
-}
-
-export enum ProjectStatusType {
-  COMPLETED = 'Completed',
-  ACTIVE = 'Active'
-}
-
-export enum SurveyStatusType {
-  COMPLETED = 'Completed',
-  ACTIVE = 'Active'
-}
-
-export enum DocumentReviewStatus {
-  PENDING = 'Pending Review'
-}
-
-export const PG_MAX_INT = 2147483647;
diff --git a/app/src/constants/roles.ts b/app/src/constants/roles.ts
index 74a14101a7..dd329207e9 100644
--- a/app/src/constants/roles.ts
+++ b/app/src/constants/roles.ts
@@ -10,8 +10,6 @@ export enum SYSTEM_ROLE {
   DATA_ADMINISTRATOR = 'Data Administrator'
 }
 
-export const getAllSystemRoles = () => Object.values(SYSTEM_ROLE);
-
 /**
  * Project level roles.
  *
diff --git a/app/src/constants/spatial.ts b/app/src/constants/spatial.ts
index 4fa76e5d3a..4ae83b7454 100644
--- a/app/src/constants/spatial.ts
+++ b/app/src/constants/spatial.ts
@@ -1,8 +1,6 @@
 import { Feature } from 'geojson';
 
 export const MAP_DEFAULT_ZOOM = 6;
-export const MAP_MIN_ZOOM = 6;
-export const MAP_MAX_ZOOM = 15;
 export const MAP_DEFAULT_CENTER: L.LatLngExpression = [55, -128];
 
 export const ALL_OF_BC_BOUNDARY: Feature = {
@@ -27,9 +25,3 @@ export enum SPATIAL_COMPONENT_TYPE {
   BOUNDARY = 'Boundary',
   BOUNDARY_CENTROID = 'Boundary Centroid'
 }
-
-export enum LAYER_NAME {
-  OCCURRENCES = 'Occurrences',
-  BOUNDARIES = 'Boundaries',
-  DATASETS = 'Datasets'
-}
diff --git a/app/src/features/projects/view/ProjectDetails.test.tsx b/app/src/features/projects/view/ProjectDetails.test.tsx
deleted file mode 100644
index 9044429b4f..0000000000
--- a/app/src/features/projects/view/ProjectDetails.test.tsx
+++ /dev/null
@@ -1,44 +0,0 @@
-import { CodesContext, ICodesContext } from 'contexts/codesContext';
-import { IProjectContext, ProjectContext } from 'contexts/projectContext';
-import { DataLoader } from 'hooks/useDataLoader';
-import { codes } from 'test-helpers/code-helpers';
-import { getProjectForViewResponse } from 'test-helpers/project-helpers';
-import { cleanup, render, waitFor } from 'test-helpers/test-utils';
-import ProjectDetails from './ProjectDetails';
-
-describe('ProjectDetails', () => {
-  afterEach(() => {
-    cleanup();
-  });
-
-  it.skip('renders correctly', async () => {
-    const mockCodesContext: ICodesContext = {
-      codesDataLoader: {
-        data: codes
-      } as DataLoader<any, any, any>
-    };
-
-    const mockProjectContext: IProjectContext = {
-      projectDataLoader: {
-        data: getProjectForViewResponse
-      } as DataLoader<any, any, any>,
-      artifactDataLoader: {
-        data: null,
-        load: jest.fn()
-      } as unknown as DataLoader<any, any, any>,
-      projectId: 1
-    } as unknown as IProjectContext;
-
-    const { asFragment } = render(
-      <CodesContext.Provider value={mockCodesContext}>
-        <ProjectContext.Provider value={mockProjectContext}>
-          <ProjectDetails />
-        </ProjectContext.Provider>
-      </CodesContext.Provider>
-    );
-
-    await waitFor(() => {
-      expect(asFragment()).toMatchSnapshot();
-    });
-  });
-});
diff --git a/app/src/features/projects/view/ProjectHeader.tsx b/app/src/features/projects/view/ProjectHeader.tsx
index 73517c7af5..2782043622 100644
--- a/app/src/features/projects/view/ProjectHeader.tsx
+++ b/app/src/features/projects/view/ProjectHeader.tsx
@@ -16,7 +16,6 @@ import Typography from '@mui/material/Typography';
 import assert from 'assert';
 import { IErrorDialogProps } from 'components/dialog/ErrorDialog';
 import PageHeader from 'components/layout/PageHeader';
-import PublishProjectDialog from 'components/publish/PublishProjectDialog';
 import { ProjectRoleGuard } from 'components/security/Guards';
 import { DATE_FORMAT } from 'constants/dateTimeFormats';
 import { DeleteProjectI18N } from 'constants/i18n';
@@ -25,7 +24,7 @@ import { DialogContext } from 'contexts/dialogContext';
 import { ProjectContext } from 'contexts/projectContext';
 import { APIError } from 'hooks/api/useAxios';
 import { useBiohubApi } from 'hooks/useBioHubApi';
-import React, { useContext, useState } from 'react';
+import React, { useContext } from 'react';
 import { useHistory } from 'react-router';
 import { getFormattedDateRangeString } from 'utils/Utils';
 
@@ -40,8 +39,6 @@ const ProjectHeader = () => {
 
   const projectContext = useContext(ProjectContext);
 
-  const [publishProjectDialogOpen, setPublishProjectDialogOpen] = useState<boolean>(false);
-
   // Project data must be loaded by a parent before this component is rendered
   assert(projectContext.projectDataLoader.data);
 
@@ -188,8 +185,6 @@ const ProjectHeader = () => {
           </ProjectRoleGuard>
         }
       />
-
-      <PublishProjectDialog open={publishProjectDialogOpen} onClose={() => setPublishProjectDialogOpen(false)} />
     </>
   );
 };
diff --git a/app/src/features/projects/view/ProjectPage.test.tsx b/app/src/features/projects/view/ProjectPage.test.tsx
index 1df77361b7..4dae8ecbb5 100644
--- a/app/src/features/projects/view/ProjectPage.test.tsx
+++ b/app/src/features/projects/view/ProjectPage.test.tsx
@@ -54,68 +54,6 @@ describe.skip('ProjectPage', () => {
     cleanup();
   });
 
-  it.skip('renders a spinner if no project is loaded', () => {
-    const { asFragment } = render(
-      <DialogContextProvider>
-        <Router history={history}>
-          <ProjectPage />
-        </Router>
-      </DialogContextProvider>
-    );
-
-    expect(asFragment()).toMatchSnapshot();
-  });
-
-  it.skip('renders project page when project is loaded (project is active)', async () => {
-    mockUseApi.project.getProjectForView.mockResolvedValue(getProjectForViewResponse);
-    mockUseApi.codes.getAllCodeSets.mockResolvedValue({
-      activity: [{ id: 1, name: 'activity 1' }]
-    } as any);
-
-    const { asFragment, findByText } = render(
-      <DialogContextProvider>
-        <Router history={history}>
-          <ProjectPage />
-        </Router>
-      </DialogContextProvider>
-    );
-
-    const projectHeaderText = await findByText('Test Project Name', { selector: 'h1 span' });
-    expect(projectHeaderText).toBeVisible();
-
-    await waitFor(() => {
-      expect(asFragment()).toMatchSnapshot();
-    });
-  });
-
-  it.skip('renders project page when project is loaded (project is completed)', async () => {
-    mockUseApi.project.getProjectForView.mockResolvedValue({
-      ...getProjectForViewResponse,
-      projectData: {
-        ...getProjectForViewResponse.projectData,
-        project: { ...getProjectForViewResponse.projectData.project, completion_status: 'Completed' }
-      }
-    });
-    mockUseApi.codes.getAllCodeSets.mockResolvedValue({
-      activity: [{ id: 1, name: 'activity 1' }]
-    } as any);
-
-    const { asFragment, findByText } = render(
-      <DialogContextProvider>
-        <Router history={history}>
-          <ProjectPage />
-        </Router>
-      </DialogContextProvider>
-    );
-
-    const projectHeaderText = await findByText('Test Project Name', { selector: 'h1 span' });
-    expect(projectHeaderText).toBeVisible();
-
-    await waitFor(() => {
-      expect(asFragment()).toMatchSnapshot();
-    });
-  });
-
   it.skip('deletes project and takes user to the projects list page when user is a system administrator', async () => {
     mockUseApi.codes.getAllCodeSets.mockResolvedValue({
       activity: [{ id: 1, name: 'activity 1' }]
@@ -291,33 +229,4 @@ describe.skip('ProjectPage', () => {
 
     expect(queryByTestId('delete-project-button')).toBeNull();
   });
-
-  it('renders correctly with no end date', async () => {
-    mockUseApi.project.getProjectForView.mockResolvedValue({
-      ...getProjectForViewResponse,
-      projectData: {
-        ...getProjectForViewResponse.projectData,
-        project: {
-          ...getProjectForViewResponse.projectData.project,
-          end_date: null as unknown as string
-        }
-      }
-    });
-    mockUseApi.codes.getAllCodeSets.mockResolvedValue({
-      activity: [{ id: 1, name: 'activity 1' }]
-    } as any);
-
-    const { asFragment, findByText } = render(
-      <Router history={history}>
-        <ProjectPage />
-      </Router>
-    );
-
-    const projectHeaderText = await findByText('Test Project Name', { selector: 'h1 span' });
-    expect(projectHeaderText).toBeVisible();
-
-    await waitFor(() => {
-      expect(asFragment()).toMatchSnapshot();
-    });
-  });
 });
diff --git a/app/src/features/projects/view/components/GeneralInformation.test.tsx b/app/src/features/projects/view/components/GeneralInformation.test.tsx
deleted file mode 100644
index 291bef528e..0000000000
--- a/app/src/features/projects/view/components/GeneralInformation.test.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { CodesContext, ICodesContext } from 'contexts/codesContext';
-import { IProjectContext, ProjectContext } from 'contexts/projectContext';
-import { DataLoader } from 'hooks/useDataLoader';
-import { codes } from 'test-helpers/code-helpers';
-import { getProjectForViewResponse } from 'test-helpers/project-helpers';
-import { getSurveyForListResponse } from 'test-helpers/survey-helpers';
-import { cleanup, render } from 'test-helpers/test-utils';
-import ProjectDetails from './GeneralInformation';
-
-describe('ProjectDetails', () => {
-  afterEach(() => {
-    cleanup();
-  });
-
-  it.skip('renders correctly with no end date (only start date)', () => {
-    const mockCodesContext: ICodesContext = {
-      codesDataLoader: {
-        data: codes
-      } as DataLoader<any, any, any>
-    };
-    const mockProjectContext: IProjectContext = {
-      projectDataLoader: {
-        data: {
-          ...getProjectForViewResponse,
-          projectData: {
-            ...getProjectForViewResponse.projectData,
-            project: { ...getProjectForViewResponse.projectData.project, end_date: null as unknown as string }
-          }
-        }
-      } as DataLoader<any, any, any>,
-      artifactDataLoader: { data: null } as DataLoader<any, any, any>,
-      surveysListDataLoader: { data: getSurveyForListResponse } as DataLoader<any, any, any>,
-      projectId: 1
-    };
-
-    const { asFragment } = render(
-      <CodesContext.Provider value={mockCodesContext}>
-        <ProjectContext.Provider value={mockProjectContext}>
-          <ProjectDetails />
-        </ProjectContext.Provider>
-      </CodesContext.Provider>
-    );
-
-    expect(asFragment()).toMatchSnapshot();
-  });
-});
diff --git a/app/src/features/projects/view/components/IUCNClassification.test.tsx b/app/src/features/projects/view/components/IUCNClassification.test.tsx
deleted file mode 100644
index a30550cc86..0000000000
--- a/app/src/features/projects/view/components/IUCNClassification.test.tsx
+++ /dev/null
@@ -1,74 +0,0 @@
-import { CodesContext, ICodesContext } from 'contexts/codesContext';
-import { IProjectContext, ProjectContext } from 'contexts/projectContext';
-import { DataLoader } from 'hooks/useDataLoader';
-import { codes } from 'test-helpers/code-helpers';
-import { getProjectForViewResponse } from 'test-helpers/project-helpers';
-import { getSurveyForListResponse } from 'test-helpers/survey-helpers';
-import { cleanup, render } from 'test-helpers/test-utils';
-import IUCNClassification from './IUCNClassification';
-
-describe('IUCNClassification', () => {
-  afterEach(() => {
-    cleanup();
-  });
-
-  it.skip('renders correctly with no classification details', () => {
-    const mockCodesContext: ICodesContext = {
-      codesDataLoader: {
-        data: codes
-      } as DataLoader<any, any, any>
-    };
-    const mockProjectContext: IProjectContext = {
-      projectDataLoader: {
-        data: {
-          ...getProjectForViewResponse,
-          projectData: {
-            ...getProjectForViewResponse.projectData,
-            iucn: {
-              classificationDetails: []
-            }
-          }
-        }
-      } as DataLoader<any, any, any>,
-      surveysListDataLoader: { data: getSurveyForListResponse } as DataLoader<any, any, any>,
-      artifactDataLoader: { data: null } as DataLoader<any, any, any>,
-      projectId: 1
-    };
-
-    const { asFragment } = render(
-      <CodesContext.Provider value={mockCodesContext}>
-        <ProjectContext.Provider value={mockProjectContext}>
-          <IUCNClassification />
-        </ProjectContext.Provider>
-      </CodesContext.Provider>
-    );
-
-    expect(asFragment()).toMatchSnapshot();
-  });
-
-  it.skip('renders correctly with classification details', () => {
-    const mockCodesContext: ICodesContext = {
-      codesDataLoader: {
-        data: codes
-      } as DataLoader<any, any, any>
-    };
-    const mockProjectContext: IProjectContext = {
-      projectDataLoader: {
-        data: getProjectForViewResponse
-      } as DataLoader<any, any, any>,
-      artifactDataLoader: { data: null } as DataLoader<any, any, any>,
-      surveysListDataLoader: { data: getSurveyForListResponse } as DataLoader<any, any, any>,
-      projectId: 1
-    };
-
-    const { asFragment } = render(
-      <CodesContext.Provider value={mockCodesContext}>
-        <ProjectContext.Provider value={mockProjectContext}>
-          <IUCNClassification />
-        </ProjectContext.Provider>
-      </CodesContext.Provider>
-    );
-
-    expect(asFragment()).toMatchSnapshot();
-  });
-});
diff --git a/app/src/features/surveys/CreateSurveyPage.test.tsx b/app/src/features/surveys/CreateSurveyPage.test.tsx
index 5dac7e5099..44b44ff9d3 100644
--- a/app/src/features/surveys/CreateSurveyPage.test.tsx
+++ b/app/src/features/surveys/CreateSurveyPage.test.tsx
@@ -115,55 +115,6 @@ describe.skip('CreateSurveyPage', () => {
     });
   });
 
-  it('shows circular spinner when codes and project data not yet loaded', async () => {
-    const { asFragment } = render(
-      <MemoryRouter initialEntries={['?id=1']}>
-        <CreateSurveyPage />
-      </MemoryRouter>
-    );
-
-    await waitFor(() => {
-      expect(asFragment()).toMatchSnapshot();
-    });
-  });
-
-  it.skip('renders correctly when codes and project data are loaded', async () => {
-    mockUseApi.project.getProjectForView.mockResolvedValue(getProjectForViewResponse);
-
-    mockUseApi.codes.getAllCodeSets.mockResolvedValue(codes);
-
-    mockUseApi.survey.getSurveyPermits.mockResolvedValue({
-      permits: [
-        { permit_id: 1, permit_number: '123', permit_type: 'Scientific' },
-        { permit_id: 2, permit_number: '456', permit_type: 'Wildlife' }
-      ]
-    });
-
-    mockUseApi.taxonomy.getSpeciesFromIds.mockResolvedValue({
-      searchResponse: [
-        { id: '1', label: 'species 1' },
-        { id: '2', label: 'species 2' }
-      ]
-    });
-    mockUseApi.taxonomy.searchSpecies({
-      searchResponse: [
-        { id: '1', label: 'species 1' },
-        { id: '2', label: 'species 2' }
-      ]
-    });
-
-    const { asFragment, getAllByText } = render(
-      <MemoryRouter initialEntries={['?id=1']}>
-        <CreateSurveyPage />
-      </MemoryRouter>
-    );
-
-    await waitFor(() => {
-      expect(getAllByText('Create Survey').length).toEqual(2);
-      expect(asFragment()).toMatchSnapshot();
-    });
-  });
-
   describe('Are you sure? Dialog', () => {
     it('calls history.push() if the user clicks `Yes`', async () => {
       mockUseApi.project.getProjectForView.mockResolvedValue(getProjectForViewResponse);
diff --git a/app/src/features/surveys/SurveyPermitForm.test.tsx b/app/src/features/surveys/SurveyPermitForm.test.tsx
index 7e17e00a8a..e7bbb7b488 100644
--- a/app/src/features/surveys/SurveyPermitForm.test.tsx
+++ b/app/src/features/surveys/SurveyPermitForm.test.tsx
@@ -1,130 +1,8 @@
 import { Formik } from 'formik';
 import { fireEvent, render, waitFor } from 'test-helpers/test-utils';
-import SurveyPermitForm, {
-  ISurveyPermitForm,
-  SurveyPermitFormInitialValues,
-  SurveyPermitFormYupSchema
-} from './SurveyPermitForm';
+import SurveyPermitForm, { ISurveyPermitForm, SurveyPermitFormYupSchema } from './SurveyPermitForm';
 
 describe('SurveyPermitForm', () => {
-  it.skip('renders correctly with default empty values', () => {
-    const { asFragment } = render(
-      <Formik
-        initialValues={SurveyPermitFormInitialValues}
-        validationSchema={SurveyPermitFormYupSchema}
-        validateOnBlur={true}
-        validateOnChange={false}
-        onSubmit={async () => {}}>
-        {() => <SurveyPermitForm />}
-      </Formik>
-    );
-
-    expect(asFragment()).toMatchSnapshot();
-  });
-
-  it.skip('renders correctly with existing permit values', () => {
-    const existingFormValues: ISurveyPermitForm = {
-      permit: {
-        permits: [
-          {
-            permit_id: 1,
-            permit_number: '123',
-            permit_type: 'Park Use Permit'
-          },
-          {
-            permit_id: 2,
-            permit_number: '3213123123',
-            permit_type: 'Scientific Fish Collection Permit'
-          }
-        ]
-      }
-    };
-
-    const { asFragment } = render(
-      <Formik
-        initialValues={existingFormValues}
-        validationSchema={SurveyPermitFormYupSchema}
-        validateOnBlur={true}
-        validateOnChange={false}
-        onSubmit={async () => {}}>
-        {() => <SurveyPermitForm />}
-      </Formik>
-    );
-
-    expect(asFragment()).toMatchSnapshot();
-  });
-
-  it.skip('renders correctly with errors on the permit_number and permit_type fields', () => {
-    const existingFormValues: ISurveyPermitForm = {
-      permit: {
-        permits: [
-          {
-            permit_id: 1,
-            permit_number: '123',
-            permit_type: 'Scientific Fish Collection Permit'
-          },
-          {
-            permit_id: 2,
-            permit_number: '123',
-            permit_type: 'Scientific Fish Collection Permit'
-          }
-        ]
-      }
-    };
-
-    const { asFragment } = render(
-      <Formik
-        initialValues={existingFormValues}
-        validationSchema={SurveyPermitFormYupSchema}
-        validateOnBlur={true}
-        validateOnChange={false}
-        initialErrors={{
-          permits: [{ permit_number: 'Error here', permit_type: 'Error here as well' }]
-        }}
-        initialTouched={{
-          permits: [{ permit_number: true, permit_type: true }]
-        }}
-        onSubmit={async () => {}}>
-        {() => <SurveyPermitForm />}
-      </Formik>
-    );
-
-    expect(asFragment()).toMatchSnapshot();
-  });
-
-  it.skip('renders correctly with error on the permits field due to duplicates', () => {
-    const existingFormValues: ISurveyPermitForm = {
-      permit: {
-        permits: [
-          {
-            permit_id: 1,
-            permit_number: '123',
-            permit_type: 'Scientific Fish Collection Permit'
-          },
-          {
-            permit_id: 2,
-            permit_number: '123',
-            permit_type: 'Scientific Fish Collection Permit'
-          }
-        ]
-      }
-    };
-
-    const { asFragment } = render(
-      <Formik
-        initialValues={existingFormValues}
-        validationSchema={SurveyPermitFormYupSchema}
-        validateOnBlur={true}
-        validateOnChange={false}
-        initialErrors={{ permits: 'Error is here' }}
-        onSubmit={async () => {}}>
-        {() => <SurveyPermitForm />}
-      </Formik>
-    );
-
-    expect(asFragment()).toMatchSnapshot();
-  });
-
   it('deletes existing permits when delete icon is clicked', async () => {
     const existingFormValues: ISurveyPermitForm = {
       permit: {
diff --git a/app/src/features/surveys/components/AgreementsForm.test.tsx b/app/src/features/surveys/components/AgreementsForm.test.tsx
deleted file mode 100644
index dbb49ac7e8..0000000000
--- a/app/src/features/surveys/components/AgreementsForm.test.tsx
+++ /dev/null
@@ -1,81 +0,0 @@
-import AgreementsForm, {
-  AgreementsInitialValues,
-  AgreementsYupSchema,
-  IAgreementsForm
-} from 'features/surveys/components/AgreementsForm';
-import { Formik } from 'formik';
-import { render } from 'test-helpers/test-utils';
-
-const handleSaveAndNext = jest.fn();
-
-const agreementsFilledValues: IAgreementsForm = {
-  agreements: {
-    sedis_procedures_accepted: 'true',
-    foippa_requirements_accepted: 'true'
-  }
-};
-
-describe('Agreements Form', () => {
-  it.skip('renders correctly the empty component correctly', () => {
-    const { asFragment } = render(
-      <Formik
-        initialValues={AgreementsInitialValues}
-        validationSchema={AgreementsYupSchema}
-        validateOnBlur={true}
-        validateOnChange={false}
-        onSubmit={async (values) => {
-          handleSaveAndNext(values);
-        }}>
-        {() => <AgreementsForm />}
-      </Formik>
-    );
-
-    expect(asFragment()).toMatchSnapshot();
-  });
-
-  it.skip('renders correctly the filled component correctly', () => {
-    const { asFragment } = render(
-      <Formik
-        initialValues={agreementsFilledValues}
-        validationSchema={AgreementsYupSchema}
-        validateOnBlur={true}
-        validateOnChange={false}
-        onSubmit={async (values) => {
-          handleSaveAndNext(values);
-        }}>
-        {() => <AgreementsForm />}
-      </Formik>
-    );
-
-    expect(asFragment()).toMatchSnapshot();
-  });
-
-  it.skip('renders correctly when errors exist', () => {
-    const { asFragment } = render(
-      <Formik
-        initialValues={agreementsFilledValues}
-        validationSchema={AgreementsYupSchema}
-        validateOnBlur={true}
-        validateOnChange={false}
-        initialErrors={{
-          agreements: {
-            sedis_procedures_accepted: 'error on sedis field',
-            foippa_requirements_accepted: 'error on foippa field'
-          }
-        }}
-        initialTouched={{
-          agreements: {
-            sedis_procedures_accepted: true,
-            foippa_requirements_accepted: true
-          }
-        }}
-        onSubmit={async (values) => {
-          handleSaveAndNext(values);
-        }}>
-        {() => <AgreementsForm />}
-      </Formik>
-    );
-
-    expect(asFragment()).toMatchSnapshot();
-  });
-});
diff --git a/app/src/features/surveys/view/Partnerships.test.tsx b/app/src/features/surveys/view/Partnerships.test.tsx
deleted file mode 100644
index d17ff83f34..0000000000
--- a/app/src/features/surveys/view/Partnerships.test.tsx
+++ /dev/null
@@ -1,127 +0,0 @@
-import { CodesContext, ICodesContext } from 'contexts/codesContext';
-import { IProjectContext, ProjectContext } from 'contexts/projectContext';
-import { useBiohubApi } from 'hooks/useBioHubApi';
-import { DataLoader } from 'hooks/useDataLoader';
-import { codes } from 'test-helpers/code-helpers';
-import { getProjectForViewResponse } from 'test-helpers/project-helpers';
-import { getSurveyForListResponse } from 'test-helpers/survey-helpers';
-import { cleanup, render } from 'test-helpers/test-utils';
-import Partnerships from './components/Partnerships';
-
-jest.mock('../../../hooks/useBioHubApi');
-const mockBiohubApi = useBiohubApi as jest.Mock;
-
-const mockUseApi = {
-  project: {
-    getProjectForUpdate: jest.fn<Promise<object>, []>(),
-    updateProject: jest.fn()
-  }
-};
-
-describe('Partnerships', () => {
-  beforeEach(() => {
-    mockBiohubApi.mockImplementation(() => mockUseApi);
-    mockUseApi.project.getProjectForUpdate.mockClear();
-    mockUseApi.project.updateProject.mockClear();
-  });
-
-  afterEach(() => {
-    cleanup();
-  });
-
-  it.skip('renders correctly with default empty values', () => {
-    const mockCodesContext: ICodesContext = {
-      codesDataLoader: {
-        data: codes
-      } as DataLoader<any, any, any>
-    };
-    const mockProjectContext: IProjectContext = {
-      projectDataLoader: {
-        data: {
-          ...getProjectForViewResponse,
-          projectData: {
-            ...getProjectForViewResponse.projectData,
-            partnerships: {
-              indigenous_partnerships: [],
-              stakeholder_partnerships: []
-            }
-          }
-        }
-      } as DataLoader<any, any, any>,
-      surveysListDataLoader: { data: getSurveyForListResponse } as DataLoader<any, any, any>,
-      artifactDataLoader: { data: null } as DataLoader<any, any, any>,
-      projectId: 1
-    };
-
-    const { asFragment } = render(
-      <CodesContext.Provider value={mockCodesContext}>
-        <ProjectContext.Provider value={mockProjectContext}>
-          <Partnerships />
-        </ProjectContext.Provider>
-      </CodesContext.Provider>
-    );
-
-    expect(asFragment()).toMatchSnapshot();
-  });
-
-  it.skip('renders correctly with invalid null values', () => {
-    const mockCodesContext: ICodesContext = {
-      codesDataLoader: {
-        data: codes
-      } as DataLoader<any, any, any>
-    };
-    const mockProjectContext: IProjectContext = {
-      projectDataLoader: {
-        data: {
-          ...getProjectForViewResponse,
-          projectData: {
-            ...getProjectForViewResponse.projectData,
-            partnerships: {
-              indigenous_partnerships: null as unknown as number[],
-              stakeholder_partnerships: null as unknown as string[]
-            }
-          }
-        }
-      } as DataLoader<any, any, any>,
-      surveysListDataLoader: { data: getSurveyForListResponse } as DataLoader<any, any, any>,
-      artifactDataLoader: { data: null } as DataLoader<any, any, any>,
-      projectId: 1
-    };
-
-    const { asFragment } = render(
-      <CodesContext.Provider value={mockCodesContext}>
-        <ProjectContext.Provider value={mockProjectContext}>
-          <Partnerships />
-        </ProjectContext.Provider>
-      </CodesContext.Provider>
-    );
-
-    expect(asFragment()).toMatchSnapshot();
-  });
-
-  it.skip('renders correctly with existing partnership values', () => {
-    const mockCodesContext: ICodesContext = {
-      codesDataLoader: {
-        data: codes
-      } as DataLoader<any, any, any>
-    };
-    const mockProjectContext: IProjectContext = {
-      projectDataLoader: {
-        data: getProjectForViewResponse
-      } as DataLoader<any, any, any>,
-      artifactDataLoader: { data: null } as DataLoader<any, any, any>,
-      surveysListDataLoader: { data: getSurveyForListResponse } as DataLoader<any, any, any>,
-      projectId: 1
-    };
-
-    const { asFragment } = render(
-      <CodesContext.Provider value={mockCodesContext}>
-        <ProjectContext.Provider value={mockProjectContext}>
-          <Partnerships />
-        </ProjectContext.Provider>
-      </CodesContext.Provider>
-    );
-
-    expect(asFragment()).toMatchSnapshot();
-  });
-});
diff --git a/app/src/features/surveys/view/SurveyPage.test.tsx b/app/src/features/surveys/view/SurveyPage.test.tsx
deleted file mode 100644
index 5e2ba49572..0000000000
--- a/app/src/features/surveys/view/SurveyPage.test.tsx
+++ /dev/null
@@ -1,160 +0,0 @@
-import { AuthStateContext, IAuthState } from 'contexts/authStateContext';
-import { DialogContextProvider } from 'contexts/dialogContext';
-import { createMemoryHistory } from 'history';
-import { GetRegionsResponse } from 'hooks/api/useSpatialApi';
-import { useBiohubApi } from 'hooks/useBioHubApi';
-import { IGetAllCodeSetsResponse } from 'interfaces/useCodesApi.interface';
-import { IGetProjectForViewResponse } from 'interfaces/useProjectApi.interface';
-import { IGetSurveyForViewResponse } from 'interfaces/useSurveyApi.interface';
-import { Router } from 'react-router';
-import { getMockAuthState, SystemAdminAuthState } from 'test-helpers/auth-helpers';
-import { getProjectForViewResponse } from 'test-helpers/project-helpers';
-import { getSurveyForViewResponse } from 'test-helpers/survey-helpers';
-import { cleanup, render, waitFor } from 'test-helpers/test-utils';
-import SurveyPage from './SurveyPage';
-
-const history = createMemoryHistory({ initialEntries: ['/admin/projects/1/surveys/1'] });
-
-jest.mock('../../../hooks/useBioHubApi');
-const mockBiohubApi = useBiohubApi as jest.Mock;
-
-const mockUseApi = {
-  project: {
-    getProjectForView: jest.fn<Promise<IGetProjectForViewResponse>, []>()
-  },
-  survey: {
-    getSurveyForView: jest.fn<Promise<IGetSurveyForViewResponse>, []>()
-  },
-  observation: {
-    getObservationSubmission: jest.fn()
-  },
-  codes: {
-    getAllCodeSets: jest.fn<Promise<IGetAllCodeSetsResponse>, []>()
-  },
-  spatial: {
-    getRegions: jest.fn<Promise<GetRegionsResponse>, []>()
-  }
-};
-
-describe.skip('SurveyPage', () => {
-  beforeEach(() => {
-    mockBiohubApi.mockImplementation(() => mockUseApi);
-    mockUseApi.project.getProjectForView.mockClear();
-    mockUseApi.survey.getSurveyForView.mockClear();
-    mockUseApi.observation.getObservationSubmission.mockClear();
-    mockUseApi.codes.getAllCodeSets.mockClear();
-    mockUseApi.spatial.getRegions.mockClear();
-
-    mockUseApi.spatial.getRegions.mockResolvedValue({
-      regions: []
-    });
-
-    jest.spyOn(console, 'debug').mockImplementation(() => {});
-  });
-
-  afterEach(() => {
-    cleanup();
-  });
-
-  const renderComponent = (authState: IAuthState) => {
-    return render(
-      <AuthStateContext.Provider value={authState}>
-        <DialogContextProvider>
-          <Router history={history}>
-            <SurveyPage />
-          </Router>
-        </DialogContextProvider>
-      </AuthStateContext.Provider>
-    );
-  };
-
-  it.skip('renders a spinner if no project is loaded', async () => {
-    mockUseApi.survey.getSurveyForView.mockResolvedValue(getSurveyForViewResponse);
-    mockUseApi.codes.getAllCodeSets.mockResolvedValue({
-      activity: [{ id: 1, name: 'activity 1' }]
-    } as any);
-
-    const authState = getMockAuthState({ base: SystemAdminAuthState });
-
-    const { asFragment } = renderComponent(authState);
-
-    await waitFor(() => {
-      expect(asFragment()).toMatchSnapshot();
-    });
-  });
-
-  it.skip('renders a spinner if no codes is loaded', async () => {
-    mockUseApi.project.getProjectForView.mockResolvedValue(getProjectForViewResponse);
-    mockUseApi.survey.getSurveyForView.mockResolvedValue(getSurveyForViewResponse);
-
-    const authState = getMockAuthState({ base: SystemAdminAuthState });
-
-    const { asFragment } = renderComponent(authState);
-
-    await waitFor(() => {
-      expect(asFragment()).toMatchSnapshot();
-    });
-  });
-
-  it.skip('renders a spinner if no survey is loaded', async () => {
-    mockUseApi.project.getProjectForView.mockResolvedValue(getProjectForViewResponse);
-    mockUseApi.codes.getAllCodeSets.mockResolvedValue({
-      activity: [{ id: 1, name: 'activity 1' }]
-    } as any);
-
-    const authState = getMockAuthState({ base: SystemAdminAuthState });
-
-    const { asFragment } = renderComponent(authState);
-
-    await waitFor(() => {
-      expect(asFragment()).toMatchSnapshot();
-    });
-  });
-
-  it.skip('renders survey page when survey is loaded', async () => {
-    mockUseApi.project.getProjectForView.mockResolvedValue(getProjectForViewResponse);
-    mockUseApi.survey.getSurveyForView.mockResolvedValue(getSurveyForViewResponse);
-    mockUseApi.codes.getAllCodeSets.mockResolvedValue({
-      activity: [{ id: 1, name: 'activity 1' }]
-    } as any);
-
-    const authState = getMockAuthState({ base: SystemAdminAuthState });
-
-    const { asFragment, findByText } = renderComponent(authState);
-
-    const surveyHeaderText = await findByText('survey name', { selector: 'h1 span' });
-
-    await waitFor(() => {
-      expect(surveyHeaderText).toBeVisible();
-      expect(asFragment()).toMatchSnapshot();
-    });
-  });
-
-  it.skip('renders correctly with no end date', async () => {
-    mockUseApi.project.getProjectForView.mockResolvedValue(getProjectForViewResponse);
-    mockUseApi.survey.getSurveyForView.mockResolvedValue({
-      ...getSurveyForViewResponse,
-      surveyData: {
-        ...getSurveyForViewResponse.surveyData,
-        survey_details: {
-          ...getSurveyForViewResponse.surveyData.survey_details,
-          end_date: null as unknown as string
-        }
-      }
-    });
-    mockUseApi.codes.getAllCodeSets.mockResolvedValue({
-      activity: [{ id: 1, name: 'activity 1' }]
-    } as any);
-
-    const authState = getMockAuthState({ base: SystemAdminAuthState });
-
-    const { asFragment, findByText } = renderComponent(authState);
-
-    const surveyHeaderText = await findByText('survey name', { selector: 'h1 span' });
-
-    await waitFor(() => {
-      expect(surveyHeaderText).toBeVisible();
-      expect(asFragment()).toMatchSnapshot();
-    });
-  });
-});
diff --git a/app/src/pages/404/NotFoundPage.test.tsx b/app/src/pages/404/NotFoundPage.test.tsx
index 3275d4d911..dbfa2a23bc 100644
--- a/app/src/pages/404/NotFoundPage.test.tsx
+++ b/app/src/pages/404/NotFoundPage.test.tsx
@@ -6,16 +6,6 @@ import NotFoundPage from './NotFoundPage';
 const history = createMemoryHistory();
 
 describe('NotFoundPage', () => {
-  it.skip('renders correctly', () => {
-    const { asFragment } = render(
-      <Router history={history}>
-        <NotFoundPage />
-      </Router>
-    );
-
-    expect(asFragment()).toMatchSnapshot();
-  });
-
   it('takes the user home when they click the return home button', () => {
     const { getByText } = render(
       <Router history={history}>
diff --git a/app/src/pages/access/AccessRequestPage.test.tsx b/app/src/pages/access/AccessRequestPage.test.tsx
index 60f5cfc80a..75d078b5a5 100644
--- a/app/src/pages/access/AccessRequestPage.test.tsx
+++ b/app/src/pages/access/AccessRequestPage.test.tsx
@@ -50,18 +50,6 @@ describe('AccessRequestPage', () => {
     cleanup();
   });
 
-  it.skip('renders correctly', async () => {
-    mockUseApi.codes.getAllCodeSets.mockResolvedValue({
-      system_roles: [{ id: 1, name: 'Creator' }]
-    });
-
-    const { asFragment } = renderContainer();
-
-    await waitFor(() => {
-      expect(asFragment()).toMatchSnapshot();
-    });
-  });
-
   describe('Log Out', () => {
     const history = createMemoryHistory();
 
diff --git a/app/src/pages/access/RequestSubmitted.test.tsx b/app/src/pages/access/RequestSubmitted.test.tsx
index 1cf4452cc8..a1aa8d13e9 100644
--- a/app/src/pages/access/RequestSubmitted.test.tsx
+++ b/app/src/pages/access/RequestSubmitted.test.tsx
@@ -6,31 +6,6 @@ import { fireEvent, render, waitFor } from 'test-helpers/test-utils';
 import RequestSubmitted from './RequestSubmitted';
 
 describe('RequestSubmitted', () => {
-  it.skip('renders a spinner when the sims user information is still loading', () => {
-    const authState = getMockAuthState({
-      base: SystemUserAuthState,
-      overrides: { simsUserWrapper: { isLoading: true } }
-    });
-
-    const history = createMemoryHistory();
-
-    history.push('/access-request');
-
-    const { asFragment } = render(
-      <AuthStateContext.Provider value={authState}>
-        <Router history={history}>
-          <RequestSubmitted />
-        </Router>
-      </AuthStateContext.Provider>
-    );
-
-    // does not change location
-    expect(history.location.pathname).toEqual('/access-request');
-
-    // renders a spinner
-    expect(asFragment()).toMatchSnapshot();
-  });
-
   it.skip('redirects to `/admin/projects` when user has at least 1 system role', () => {
     const authState = getMockAuthState({ base: SystemAdminAuthState });
 
@@ -67,33 +42,6 @@ describe('RequestSubmitted', () => {
     expect(history.location.pathname).toEqual('/');
   });
 
-  it.skip('renders correctly when user has no role but has a pending access requests', () => {
-    const authState = getMockAuthState({
-      base: SystemUserAuthState,
-      overrides: { simsUserWrapper: { hasAccessRequest: true } }
-    });
-
-    const history = createMemoryHistory();
-
-    history.push('/access-request');
-
-    const { getByText, asFragment } = render(
-      <AuthStateContext.Provider value={authState}>
-        <Router history={history}>
-          <RequestSubmitted />
-        </Router>
-      </AuthStateContext.Provider>
-    );
-
-    // does not change location
-    expect(history.location.pathname).toEqual('/access-request');
-
-    expect(getByText('Log Out')).toBeVisible();
-
-    // renders the component in full
-    expect(asFragment()).toMatchSnapshot();
-  });
-
   describe('Log Out', () => {
     const history = createMemoryHistory();
 
diff --git a/app/src/utils/Utils.test.ts b/app/src/utils/Utils.test.ts
index 22f8d3b1b4..0372be00da 100644
--- a/app/src/utils/Utils.test.ts
+++ b/app/src/utils/Utils.test.ts
@@ -9,7 +9,6 @@ import {
   getFormattedDateRangeString,
   getFormattedFileSize,
   getFormattedIdentitySource,
-  getKeyByValue,
   getTitle,
   pluralize
 } from './Utils';
@@ -243,44 +242,6 @@ describe('getTitle', () => {
   });
 });
 
-describe('getKeyByValue', () => {
-  it('returns undefined if the object contains no keys and the value is undefined', () => {
-    const response = getKeyByValue({}, undefined);
-
-    expect(response).toEqual(undefined);
-  });
-
-  it('returns undefined if the object contains no keys and the value is defined', () => {
-    const response = getKeyByValue({}, 'value');
-
-    expect(response).toEqual(undefined);
-  });
-
-  it('returns undefined if the object contains some keys and the value is undefined', () => {
-    const response = getKeyByValue({ name: 'Test' }, undefined);
-
-    expect(response).toEqual(undefined);
-  });
-
-  it('returns undefined if the object contains some keys and the value is defined but not in the object', () => {
-    const response = getKeyByValue({ name: 'Test' }, 'notfound');
-
-    expect(response).toEqual(undefined);
-  });
-
-  it('returns a string key if the object contains a key having the given value', () => {
-    const response = getKeyByValue({ name: 'Test' }, 'Test');
-
-    expect(response).toEqual('name');
-  });
-
-  it('returns a numeric key if the object contains a key having the given value', () => {
-    const response = getKeyByValue(['One', 'Two', 'Test'], 'Test');
-
-    expect(response).toEqual('2');
-  });
-});
-
 describe('pluralize', () => {
   it('pluralizes a word', () => {
     const response = pluralize(2, 'apple');
diff --git a/app/src/utils/Utils.tsx b/app/src/utils/Utils.tsx
index 4875180298..48e83e57f3 100644
--- a/app/src/utils/Utils.tsx
+++ b/app/src/utils/Utils.tsx
@@ -1,10 +1,9 @@
 import { Typography } from '@mui/material';
 import { SYSTEM_IDENTITY_SOURCE } from 'constants/auth';
-import { DATE_FORMAT, TIME_FORMAT } from 'constants/dateTimeFormats';
+import { DATE_FORMAT } from 'constants/dateTimeFormats';
 import { default as dayjs } from 'dayjs';
-import { Feature, GeoJsonProperties, Geometry, Polygon } from 'geojson';
+import { Feature, GeoJsonProperties, Geometry } from 'geojson';
 import { IGetAllCodeSetsResponse } from 'interfaces/useCodesApi.interface';
-import { LatLngBounds } from 'leaflet';
 import _ from 'lodash';
 import { IDialogContext } from '../contexts/dialogContext';
 
@@ -112,24 +111,6 @@ export const getFormattedDate = (dateFormat: DATE_FORMAT, date: string): string
   return dateJs.format(dateFormat);
 };
 
-/**
- * Get a formatted time string.
- *
- * @param {TIME_FORMAT} timeFormat
- * @param {string} date ISO 8601 date string
- * @return {string} formatted time string, or an empty string if unable to parse the date
- */
-export const getFormattedTime = (timeFormat: TIME_FORMAT, date: string): string => {
-  const dateJs = dayjs(date);
-
-  if (!dateJs.isValid()) {
-    //date was invalid
-    return '';
-  }
-
-  return dateJs.format(timeFormat);
-};
-
 /**
  * Get a formatted amount string.
  *
@@ -178,47 +159,6 @@ export const getFormattedFileSize = (fileSize: number) => {
   return `${(fileSize / 1000000000).toFixed(1)} GB`;
 };
 
-/**
- * Function to get an object key by the value
- * Ex: let obj = { 'role': 'admin' } -> getKeyByValue(obj, 'admin') will return 'role'
- *
- * @param {object} object
- * @param {any} value
- * @returns {any} key for the corresponding value
- */
-export function getKeyByValue(object: any, value: any) {
-  return Object.keys(object).find((key) => object[key] === value);
-}
-
-/**
- * Converts a `LatLngBounds` object into a GeoJSON Feature object.
- *
- * @export
- * @param {LatLngBounds} bounds
- * @return {*}  {Feature<Polygon>}
- */
-export function getFeatureObjectFromLatLngBounds(bounds: LatLngBounds): Feature<Polygon> {
-  const southWest = bounds.getSouthWest();
-  const northEast = bounds.getNorthEast();
-
-  return {
-    type: 'Feature',
-    properties: {},
-    geometry: {
-      type: 'Polygon',
-      coordinates: [
-        [
-          [southWest.lng, southWest.lat],
-          [southWest.lng, northEast.lat],
-          [northEast.lng, northEast.lat],
-          [northEast.lng, southWest.lat],
-          [southWest.lng, southWest.lat]
-        ]
-      ]
-    }
-  };
-}
-
 /**
  * Takes an array of objects and produces an object URL pointing to a Blob which contains
  * the array. Supports large arrays thanks to use of Blob datatype.
@@ -287,19 +227,6 @@ export const alphabetizeObjects = <T extends { [key: string]: any }>(data: T[],
  */
 export const coerceZero = (n: any): number => (isNaN(n ?? NaN) ? 0 : Number(n));
 
-/**
- * Format a field name in a way that's appropriate for a UI label
- * ie. format_field_name -> Format Field Name
- * @param str format_field_name
- * @returns Format Field Name
- */
-export const formatLabel = (str: string): string => {
-  return str
-    .split('_')
-    .map((a) => a.charAt(0).toUpperCase() + a.slice(1))
-    .join(' ');
-};
-
 /**
  * Checks if two dates are the same, but safe to use against nullish values.
  *
diff --git a/app/src/utils/customValidation.ts b/app/src/utils/customValidation.ts
deleted file mode 100644
index d26c0afd1d..0000000000
--- a/app/src/utils/customValidation.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import { FormikErrors } from 'formik';
-
-export const validateFormFieldsAndReportCompletion = async (
-  values: any,
-  validateForm: (values?: any) => Promise<FormikErrors<any>>
-) => {
-  const validationResult = await validateForm(values);
-
-  if (validationResult && Object.keys(validationResult).length === 0 && validationResult.constructor === Object) {
-    return true;
-  }
-
-  return false;
-};
diff --git a/app/src/utils/mapBoundaryUploadHelpers.ts b/app/src/utils/mapBoundaryUploadHelpers.ts
index 88e2f58f8c..2d3a61a9e3 100644
--- a/app/src/utils/mapBoundaryUploadHelpers.ts
+++ b/app/src/utils/mapBoundaryUploadHelpers.ts
@@ -267,71 +267,3 @@ export const calculateUpdatedMapBounds = (features: Feature[]): LatLngBoundsExpr
 
   return latLngBoundsFromBoundingBox(bboxCoords);
 };
-
-/**
- * Leaflet does not know how to draw Multipolygons or GeometryCollections
- * that are not in proper GeoJSON format so we manually convert to a Feature[]
- * of GeoJSON objects which it can draw using the <GeoJSON /> tag for
- * non-editable geometries
- *
- * We also set the bounds based on those geometries so the extent is set
- *
- * @param {*} geometry
- * @param {string} [id]
- * @return {*}
- */
-export const generateValidGeometryCollection = (geometry: any, id?: string) => {
-  const geometryCollection: Feature[] = [];
-  const bounds: any[] = [];
-
-  if (!geometry || !geometry.length) {
-    return { geometryCollection, bounds };
-  }
-
-  if (geometry[0]?.type === 'MultiPolygon') {
-    geometry[0].coordinates.forEach((geoCoords: any) => {
-      geometryCollection.push({
-        id: id || uuidv4(),
-        type: 'Feature',
-        geometry: {
-          type: 'Polygon',
-          coordinates: geoCoords
-        },
-        properties: {}
-      });
-    });
-  } else if (geometry[0]?.type === 'GeometryCollection') {
-    geometry[0].geometries.forEach((geometry: any) => {
-      geometryCollection.push({
-        id: id || uuidv4(),
-        type: 'Feature',
-        geometry,
-        properties: {}
-      });
-    });
-  } else if (geometry[0]?.type !== 'Feature') {
-    geometryCollection.push({
-      id: id || uuidv4(),
-      type: 'Feature',
-      geometry: geometry[0],
-      properties: {}
-    });
-  } else {
-    geometryCollection.push(geometry[0]);
-  }
-
-  const allGeosFeatureCollection = {
-    type: 'FeatureCollection',
-    features: geometryCollection
-  };
-
-  if (geometry[0]?.type !== 'Point') {
-    const bboxCoords = bbox(allGeosFeatureCollection);
-
-    bounds.push([bboxCoords[1], bboxCoords[0]], [bboxCoords[3], bboxCoords[2]]);
-
-    return { geometryCollection, bounds };
-  }
-
-  return { geometryCollection };
-};
diff --git a/app/src/utils/mapLayersHelpers.ts b/app/src/utils/mapLayersHelpers.ts
deleted file mode 100644
index 76fe195475..0000000000
--- a/app/src/utils/mapLayersHelpers.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import { Feature } from 'geojson';
-import { INonEditableGeometries } from './mapUtils';
-
-/**
- * Function to returns an array of `Features`.
-
- * Only one of `geometry` and `nonEditableGeometries` will be defined at any given time.
- * - If the map loads as view-only, then nonEditableGeometries may be defined.
- * - If the map loads as editable, then `geometry` may be defined.
- * - If neither are defined, returns an empty array.
- *
- * Note: when there are existing nonEditableGeometries, and the map is edited,
- * the geometry array will contain all of the previous nonEditableGeometries
- * as well as any newly added/drawn geometries.
- *
- * @param {Feature[] | undefined} geometry
- * @param {INonEditableGeometries[] | undefined} nonEditableGeometries
- * @returns Feature[]
- */
-export function determineMapGeometries(
-  geometry: Feature[] | undefined,
-  nonEditableGeometries: INonEditableGeometries[] | undefined
-): Feature[] {
-  if (geometry && geometry.length) {
-    return geometry;
-  }
-
-  if (nonEditableGeometries) {
-    return nonEditableGeometries.map((geo: INonEditableGeometries) => geo.feature);
-  }
-
-  return [];
-}
diff --git a/app/src/utils/tablePaginationUtils.ts b/app/src/utils/tablePaginationUtils.ts
deleted file mode 100644
index f522d2d4b1..0000000000
--- a/app/src/utils/tablePaginationUtils.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-export const handleChangePage = (event: unknown, newPage: number, setPage: (page: number) => void) => {
-  setPage(newPage);
-};
-
-export const handleChangeRowsPerPage = (
-  event: React.ChangeEvent<HTMLInputElement>,
-  setPage: (page: number) => void,
-  setRowsPerPage: (rowsPerPage: number) => void
-) => {
-  setRowsPerPage(parseInt(event.target.value, 10));
-  setPage(0);
-};