Fixed components build. Renamed validations to permissions.

src/components/common/FilterLink.module.css

@@ -1,38 +0,0 @@
-.row {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  width: 100%;
-}
-
-.row.inactive {
-  color: var(--base500);
-}
-
-.row.inactive img {
-  opacity: 0.35;
-}
-
-.row.active {
-  color: var(--base900);
-  font-weight: 600;
-}
-
-.row .link {
-  display: none;
-  margin-inline-start: 20px;
-}
-
-.row .label {
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.row:hover .link {
-  display: block;
-}
-
-.icon {
-  cursor: pointer;
-}

src/components/common/HamburgerButton.module.css

@@ -1,9 +0,0 @@
-.button {
-  display: none;
-}
-
-@media only screen and (max-width: 768px) {
-  .button {
-    display: flex;
-  }
-}

src/components/common/PageBody.tsx

@@ -3,8 +3,10 @@ import { ReactNode } from 'react';
 import { AlertBanner, Loading, Column, ColumnProps } from '@umami/react-zen';
 import { useMessages } from '@/components/hooks';
 
+const DEFAULT_WIDTH = '1320px';
+
 export function PageBody({
-  maxWidth = '1320px',
+  maxWidth = DEFAULT_WIDTH,
   error,
   isLoading,
   children,

src/components/hooks/useApi.ts

@@ -10,7 +10,7 @@ const selector = (state: { shareToken: { token?: string } }) => state.shareToken
 async function handleResponse(res: FetchResponse): Promise<any> {
   if (res.error) {
     const { message, code } = res?.error?.error || {};
-    return Promise.reject(new Error(code || message || 'Unexpectd error.'));
+    return Promise.reject(new Error(code || message || 'Unexpected error.'));
   }
   return Promise.resolve(res.data);
 }