Remove PWA functionality

frontend/src/components/AvailabilityEditor/AvailabilityEditor.tsx

@@ -1,12 +1,12 @@
 import { Fragment, useCallback, useMemo, useRef, useState } from 'react'
 
 import Content from '/src/components/Content/Content'
+import { usePalette } from '/src/hooks/usePalette'
 import { useTranslation } from '/src/i18n/client'
 import { useStore } from '/src/stores'
 import useSettingsStore from '/src/stores/settingsStore'
 import { calculateTable, makeClass } from '/src/utils'
 
-import { usePalette } from '/hooks/usePalette'
 import styles from '../AvailabilityViewer/AvailabilityViewer.module.scss'
 
 interface AvailabilityEditorProps {

frontend/src/components/AvailabilityViewer/AvailabilityViewer.tsx

@@ -6,13 +6,13 @@ import { Temporal } from '@js-temporal/polyfill'
 import Content from '/src/components/Content/Content'
 import Legend from '/src/components/Legend/Legend'
 import { PersonResponse } from '/src/config/api'
+import { usePalette } from '/src/hooks/usePalette'
 import { useTranslation } from '/src/i18n/client'
 import { useStore } from '/src/stores'
 import useSettingsStore from '/src/stores/settingsStore'
 import { calculateAvailability, calculateTable, makeClass, relativeTimeFormat } from '/src/utils'
 
 import styles from './AvailabilityViewer.module.scss'
-import { usePalette } from '/hooks/usePalette'
 
 interface AvailabilityViewerProps {
   times: string[]

frontend/src/components/Settings/Settings.tsx

@@ -41,6 +41,16 @@ const Settings = () => {
     document.body.classList.toggle('dark', store?.theme === 'Dark')
   }, [store?.theme])
 
+  // TODO: This is temporary, as I've made the decision to move away
+  // from a PWA, so must remove all existing service workers
+  if (process.env.NODE_ENV !== 'development') {
+    useEffect(() => {
+      if ('serviceWorker' in navigator) {
+        navigator.serviceWorker.register('/sw.js')
+      }
+    }, [])
+  }
+
   return <>
     <button
       type="button"

frontend/src/hooks/usePalette.ts

@@ -0,0 +1,14 @@
+import { useMemo } from 'react'
+import { createPalette } from 'hue-map'
+
+import { useStore } from '/src/stores'
+import useSettingsStore from '/src/stores/settingsStore'
+
+export const usePalette = (steps: number) => {
+  const colormap = useStore(useSettingsStore, state => state.colormap)
+
+  return useMemo(() => createPalette({
+    map: (colormap === undefined || colormap === 'crabfit') ? [[0, [247, 158, 0, 0]], [1, [247, 158, 0, 255]]] : colormap,
+    steps,
+  }).format(), [steps, colormap])
+}