feat: cuesheet sharing

feat: locked presets

refactor: simplify locked param

refactor: create share links

apps/client/src/views/common/not-found/NotFound.module.scss

@@ -0,0 +1,11 @@
+@use '@/theme/viewerDefs' as *;
+
+.notFound {
+  display: grid;
+  place-items: center;
+  background-color: var(--background-color-override, $viewer-background-color);
+  margin-top: 10vh;
+  color: $ui-white;
+  justify-content: center;
+  text-align: center;
+}

apps/client/src/views/common/not-found/NotFound.tsx

@@ -0,0 +1,19 @@
+import EmptyImage from '../../../assets/images/empty.svg?react';
+
+import style from './NotFound.module.scss';
+
+export default function NotFound() {
+  return (
+    <div className={style.notFound}>
+      <EmptyImage />
+      <h1>Not found</h1>
+      <div>
+        The page you are after was not found.
+        <br />
+        It may have moved or your URL may be incorrect.
+        <br />
+        Double check the URL and try again.
+      </div>
+    </div>
+  );
+}