From 29efa129b75efef5f6e509028ae7334e95920f2a Mon Sep 17 00:00:00 2001
From: Tor Madsen <marvel.madsen@gmail.com>
Date: Thu, 26 Feb 2026 21:49:07 +0100
Subject: [PATCH 01/79] added functionallity for replacing images in admin
 images page. Deleting image functionallity not implemented yet.

---
 backend/samfundet/serializers.py              |  47 +++++
 .../AdminImage/AdminEditImage.module.scss     |  75 +++++++
 .../components/AdminImage/AdminEditImage.tsx  | 188 ++++++++++++++++++
 .../components/AdminImage/AdminImage.tsx      |  25 ++-
 .../src/PagesAdmin/ImageAdminPage/index.ts    |   1 +
 frontend/src/api.ts                           |  11 +
 frontend/src/i18n/constants.ts                |   2 +
 frontend/src/i18n/translations.ts             |   4 +
 frontend/src/router/router.tsx                |  12 ++
 frontend/src/routes/frontend.ts               |   1 +
 10 files changed, 365 insertions(+), 1 deletion(-)
 create mode 100644 frontend/src/PagesAdmin/ImageAdminPage/components/AdminImage/AdminEditImage.module.scss
 create mode 100644 frontend/src/PagesAdmin/ImageAdminPage/components/AdminImage/AdminEditImage.tsx

diff --git a/backend/samfundet/serializers.py b/backend/samfundet/serializers.py
index 7ea8f8ffd..987a0d849 100644
--- a/backend/samfundet/serializers.py
+++ b/backend/samfundet/serializers.py
@@ -149,6 +149,53 @@ def create(self, validated_data: dict) -> Image:
         image.save()
         return image
 
+    def update(self, instance: Image, validated_data: dict) -> Image:
+        """
+        Updates an image with a new file.
+        Deletes the old image file from storage before saving the new one.
+        """
+        # Delete old image file if a new file is being uploaded
+        if 'file' in validated_data:
+            file = validated_data.pop('file')
+            
+            # Validate the image file
+            try:
+                img = PilImage.open(file)
+                img.verify()
+            except (UnidentifiedImageError, Exception) as e:
+                raise ValidationError(f'Invalid image file: {str(e)}')
+            
+            # Delete the old image file from storage
+            if instance.image:
+                instance.image.delete(save=False)
+            # Preserve original filename if available; fallback to title
+            original_name = getattr(file, 'name', None) or validated_data.get('title', instance.title)
+            instance.image = ImageFile(file, original_name)
+
+        # Handle tag updates if provided
+        raw_tag_string = validated_data.pop('tag_string', None)
+        if raw_tag_string is not None:
+            # Split on comma, strip whitespace and drop empties
+            tag_names = [name.strip() for name in raw_tag_string.split(',')]
+            tag_names = [name for name in tag_names if name]
+
+            # De-duplicate while preserving order
+            seen: set[str] = set()
+            unique_tag_names = []
+            for name in tag_names:
+                if name not in seen:
+                    seen.add(name)
+                    unique_tag_names.append(name)
+            tags = [Tag.objects.get_or_create(name=name)[0] for name in unique_tag_names]
+            instance.tags.set(tags)
+
+        # Update other fields
+        for attr, value in validated_data.items():
+            setattr(instance, attr, value)
+
+        instance.save()
+        return instance
+
     def get_url(self, image: Image) -> str:
         return image.image.url
 
diff --git a/frontend/src/PagesAdmin/ImageAdminPage/components/AdminImage/AdminEditImage.module.scss b/frontend/src/PagesAdmin/ImageAdminPage/components/AdminImage/AdminEditImage.module.scss
new file mode 100644
index 000000000..93380858a
--- /dev/null
+++ b/frontend/src/PagesAdmin/ImageAdminPage/components/AdminImage/AdminEditImage.module.scss
@@ -0,0 +1,75 @@
+@use 'src/constants' as *;
+
+@use 'src/mixins' as *;
+
+.editContainer {
+  display: flex;
+  flex-direction: column;
+  gap: 2rem;
+  padding: 2rem;
+}
+
+.imageSection {
+  @include rounded;
+  @include shadow-light;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+}
+
+.image {
+  width: 100%;
+  max-height: 400px;
+  object-fit: cover;
+}
+
+.imageInfo {
+  padding: 1rem;
+  background-color: $black;
+  color: $white;
+
+  h3 {
+    margin: 0 0 0.5rem 0;
+    font-size: 1.2em;
+  }
+}
+
+.uploadSection {
+  @include rounded;
+  @include shadow-light;
+  padding: 2rem;
+
+  h4 {
+    margin: 0 0 1rem 0;
+    font-size: 1.1em;
+  }
+}
+
+.uploadForm {
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+}
+
+.fileInput {
+  padding: 0.5rem;
+  border: 1px solid gray;
+  border-radius: 4px;
+  cursor: pointer;
+
+  &:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+}
+
+.fileName {
+  font-size: 0.9em;
+  color: gray;
+  margin: 0;
+}
+
+.container {
+  padding: 2rem;
+  text-align: center;
+}
diff --git a/frontend/src/PagesAdmin/ImageAdminPage/components/AdminImage/AdminEditImage.tsx b/frontend/src/PagesAdmin/ImageAdminPage/components/AdminImage/AdminEditImage.tsx
new file mode 100644
index 000000000..01194f35c
--- /dev/null
+++ b/frontend/src/PagesAdmin/ImageAdminPage/components/AdminImage/AdminEditImage.tsx
@@ -0,0 +1,188 @@
+import { AxiosError } from 'axios';
+import { useEffect, useRef, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useParams } from 'react-router-dom';
+import { toast } from 'react-toastify';
+import { Button } from '~/Components/Button/Button';
+import { getImage, replaceImageFile } from '~/api';
+import { BACKEND_DOMAIN } from '~/constants';
+import type { ImageDto } from '~/dto';
+import { useCustomNavigate, useTitle } from '~/hooks';
+import { STATUS } from '~/http_status_codes';
+import { KEY } from '~/i18n/constants';
+import { ROUTES } from '~/routes';
+import { lowerCapitalize } from '~/utils';
+import { AdminPageLayout } from '../../../AdminPageLayout/AdminPageLayout';
+import styles from './AdminEditImage.module.scss';
+
+type AdminEditImageProps = {
+  id?: number;
+};
+
+export function AdminEditImage({ id }: AdminEditImageProps) {
+  const { t } = useTranslation();
+  const navigate = useCustomNavigate();
+  const { id: paramsId } = useParams<{ id: string }>();
+  const fileInputRef = useRef<HTMLInputElement>(null);
+
+  // Use prop if provided, otherwise fall back to URL params
+  const imageID = id || paramsId;
+
+  const [image, setImage] = useState<ImageDto | null>(null);
+  const [loading, setLoading] = useState<boolean>(true);
+  const [uploading, setUploading] = useState<boolean>(false);
+  const [selectedFile, setSelectedFile] = useState<File | null>(null);
+  const [notFound, setNotFound] = useState<boolean>(false);
+  const [fetchError, setFetchError] = useState<boolean>(false);
+
+  const title = lowerCapitalize(`${t(KEY.common_edit)} ${t(KEY.common_image)}`);
+  useTitle(title);
+
+  // Fetch the image data on mount
+  useEffect(() => {
+    if (!imageID) {
+      setLoading(false);
+      return;
+    }
+
+    let isMounted = true;
+
+    const fetchImage = async () => {
+      try {
+        setLoading(true);
+        const data = await getImage(imageID);
+        if (isMounted) {
+          setImage(data);
+        }
+      } catch (error: unknown) {
+        if (!isMounted) return;
+
+        if (error instanceof AxiosError && error.response?.status === STATUS.HTTP_404_NOT_FOUND) {
+          if (isMounted) {
+            setNotFound(true);
+          }
+        } else {
+          if (isMounted) {
+            setFetchError(true);
+          }
+          console.error('Failed to fetch image:', error instanceof AxiosError ? error.message : error);
+        }
+      } finally {
+        if (isMounted) {
+          setLoading(false);
+        }
+      }
+    };
+
+    fetchImage();
+
+    return () => {
+      isMounted = false;
+    };
+  }, [imageID]);
+
+  // Handle 404 redirect
+  useEffect(() => {
+    if (notFound) {
+      navigate({ url: ROUTES.frontend.admin_images, replace: true });
+    }
+  }, [notFound, navigate]);
+
+  // Handle fetch errors
+  useEffect(() => {
+    if (fetchError) {
+      toast.error(t(KEY.common_something_went_wrong));
+    }
+  }, [fetchError, t]);
+
+  const handleFileSelect = (event: React.ChangeEvent<HTMLInputElement>) => {
+    const file = event.target.files?.[0];
+    if (file) {
+      setSelectedFile(file);
+    }
+  };
+
+  const handleUpload = async () => {
+    if (!selectedFile || !image) {
+      toast.error(t(KEY.common_something_went_wrong));
+      return;
+    }
+
+    // Validate file size (5MB max)
+    const MAX_FILE_SIZE = 5 * 1024 * 1024;
+    if (selectedFile.size > MAX_FILE_SIZE) {
+      toast.error('File size must be less than 5MB');
+      return;
+    }
+
+    try {
+      setUploading(true);
+      await replaceImageFile(image.id, selectedFile, image.title);
+
+      // Refetch the image to get the latest version from the server
+      const refreshedImage = await getImage(image.id);
+      setImage(refreshedImage);
+
+      setSelectedFile(null);
+      if (fileInputRef.current) {
+        fileInputRef.current.value = '';
+      }
+      toast.success(t(KEY.common_creation_successful));
+    } catch (error: unknown) {
+      toast.error(t(KEY.common_something_went_wrong));
+      console.error('Failed to upload image:', error);
+    } finally {
+      setUploading(false);
+    }
+  };
+
+  if (loading) {
+    return (
+      <AdminPageLayout title={title} loading={true} header={true}>
+        <p>Loading...</p>
+      </AdminPageLayout>
+    );
+  }
+
+  if (notFound) {
+    return null;
+  }
+
+  if (!image) {
+    return null;
+  }
+
+  return (
+    <AdminPageLayout title={title} loading={false} header={true}>
+      <div className={styles.editContainer}>
+        {/* Display current image */}
+        <div className={styles.imageSection}>
+          <img src={BACKEND_DOMAIN + image.url} alt={image.title} className={styles.image} />
+          <div className={styles.imageInfo}>
+            <h3>{image.title}</h3>
+            <p className={styles.tags}>{image.tags.map((tag) => tag.name).join(', ')}</p>
+          </div>
+        </div>
+
+        {/* Upload form */}
+        <div className={styles.uploadSection}>
+          <h4>{lowerCapitalize(`${t(KEY.common_replace)} ${t(KEY.common_image)}`)}</h4>
+          <div className={styles.uploadForm}>
+            <input
+              ref={fileInputRef}
+              type="file"
+              accept="image/*"
+              onChange={handleFileSelect}
+              disabled={uploading}
+              className={styles.fileInput}
+            />
+            {selectedFile && <p className={styles.fileName}>{selectedFile.name}</p>}
+            <Button onClick={handleUpload} disabled={!selectedFile || uploading} theme="success" rounded={true}>
+              {uploading ? t(KEY.common_loading) : t(KEY.common_upload)}
+            </Button>
+          </div>
+        </div>
+      </div>
+    </AdminPageLayout>
+  );
+}
diff --git a/frontend/src/PagesAdmin/ImageAdminPage/components/AdminImage/AdminImage.tsx b/frontend/src/PagesAdmin/ImageAdminPage/components/AdminImage/AdminImage.tsx
index 4b33c6968..8c474ea60 100644
--- a/frontend/src/PagesAdmin/ImageAdminPage/components/AdminImage/AdminImage.tsx
+++ b/frontend/src/PagesAdmin/ImageAdminPage/components/AdminImage/AdminImage.tsx
@@ -1,7 +1,13 @@
 import classNames from 'classnames';
+import { t } from 'i18next';
+import { useNavigate } from 'react-router-dom';
+import { Button } from '~/Components/Button/Button';
 import { BACKEND_DOMAIN } from '~/constants';
 import type { ImageDto } from '~/dto';
-import { backgroundImageFromUrl } from '~/utils';
+import { KEY } from '~/i18n/constants';
+import { reverse } from '~/named-urls';
+import { ROUTES } from '~/routes';
+import { backgroundImageFromUrl, lowerCapitalize } from '~/utils';
 import styles from './AdminImage.module.scss';
 
 type AdminImageProps = {
@@ -10,11 +16,27 @@ type AdminImageProps = {
 };
 
 export function AdminImage({ image, className }: AdminImageProps) {
+  const navigate = useNavigate();
+
+  const editImageUrl = reverse({
+    pattern: ROUTES.frontend.admin_images_edit,
+    urlParams: { id: image.id },
+  });
+
+  const header = (
+    <>
+      <Button theme="success" rounded={true} onClick={() => navigate(editImageUrl)}>
+        {lowerCapitalize(`${t(KEY.common_edit)} ${t(KEY.common_image)}`)}
+      </Button>
+    </>
+  );
+
   const TAGS = image.tags
     .map((tag) => {
       return ` ${tag.name}`;
     })
     .toString();
+
   return (
     <div
       className={classNames(styles.imageContainer, className)}
@@ -23,6 +45,7 @@ export function AdminImage({ image, className }: AdminImageProps) {
       <div className={styles.imageTitle}>
         <p className={styles.text}>{image.title}</p>
         <p className={styles.tags}>{TAGS}</p>
+        {header}
       </div>
     </div>
   );
diff --git a/frontend/src/PagesAdmin/ImageAdminPage/index.ts b/frontend/src/PagesAdmin/ImageAdminPage/index.ts
index 4c81d916d..855db3976 100644
--- a/frontend/src/PagesAdmin/ImageAdminPage/index.ts
+++ b/frontend/src/PagesAdmin/ImageAdminPage/index.ts
@@ -1 +1,2 @@
 export { ImageAdminPage } from './ImageAdminPage';
+export { AdminEditImage } from './components/AdminImage/AdminEditImage';
diff --git a/frontend/src/api.ts b/frontend/src/api.ts
index cf4793f97..0d712eb66 100644
--- a/frontend/src/api.ts
+++ b/frontend/src/api.ts
@@ -587,6 +587,17 @@ export async function putImage(id: string | number, data: Partial<ImageDto>): Pr
   return response;
 }
 
+export async function replaceImageFile(id: string | number, file: File, title?: string): Promise<ImageDto> {
+  const url = BACKEND_DOMAIN + reverse({ pattern: ROUTES.backend.samfundet__images_detail, urlParams: { pk: id } });
+  const formData = new FormData();
+  formData.append('file', file);
+  if (title) {
+    formData.append('title', title);
+  }
+  const response = await axios.putForm<ImageDto>(url, formData, { withCredentials: true });
+  return response.data;
+}
+
 /** Fetch all KeyValues from backend. */
 export function getKeyValues(): Promise<AxiosResponse<KeyValueDto[]>> {
   const url = BACKEND_DOMAIN + ROUTES.backend.samfundet__key_value_list;
diff --git a/frontend/src/i18n/constants.ts b/frontend/src/i18n/constants.ts
index 0f55ba6e0..5fe11df75 100644
--- a/frontend/src/i18n/constants.ts
+++ b/frontend/src/i18n/constants.ts
@@ -202,6 +202,8 @@ export const KEY = {
   common_available: 'common_available',
   common_comment: 'common_comment',
   common_capacity: 'common_capacity',
+  common_replace: 'common_replace',
+  common_upload: 'common_upload',
 
   common_membership_number: 'common_membership_number',
   common_to_payment: 'common_to_payment',
diff --git a/frontend/src/i18n/translations.ts b/frontend/src/i18n/translations.ts
index b74d9ae15..f72b3c086 100644
--- a/frontend/src/i18n/translations.ts
+++ b/frontend/src/i18n/translations.ts
@@ -186,6 +186,8 @@ export const nb = prepareTranslations({
   [KEY.common_available]: 'Tilgjengelig',
   [KEY.common_comment]: 'Kommentar',
   [KEY.common_capacity]: 'Kapasitet',
+  [KEY.common_upload]: 'Last opp',
+  [KEY.common_replace]: 'Erstatt',
 
   [KEY.common_membership_number]: 'Medlemsnummer',
   [KEY.common_to_payment]: 'Til betaling',
@@ -846,6 +848,8 @@ export const en = prepareTranslations({
   [KEY.common_available]: 'Available',
   [KEY.common_comment]: 'Comment',
   [KEY.common_capacity]: 'Capacity',
+  [KEY.common_replace]: 'Replace',
+  [KEY.common_upload]: 'Upload',
   [KEY.common_membership_number]: 'Membership number',
   [KEY.common_to_payment]: 'To payment',
 
diff --git a/frontend/src/router/router.tsx b/frontend/src/router/router.tsx
index 3900e394a..fa5be24d2 100644
--- a/frontend/src/router/router.tsx
+++ b/frontend/src/router/router.tsx
@@ -87,6 +87,7 @@ import { ROUTES } from '~/routes';
 import { t } from 'i18next';
 import { App } from '~/App';
 import { DynamicOrgOutlet } from '~/Components/DynamicOrgOutlet/DynamicOrgOutlet';
+import { AdminEditImage } from '~/PagesAdmin/ImageAdminPage/components/AdminImage/AdminEditImage';
 import { RecruitmentRecruiterDashboardPage } from '~/PagesAdmin/RecruitmentRecruiterDashboardPage/RecruitmentRecruiterDashboardPage';
 import { KEY } from '~/i18n/constants';
 import { reverse } from '~/named-urls';
@@ -452,6 +453,17 @@ export const router = createBrowserRouter(
                 />
               }
             />
+            <Route
+              path={ROUTES.frontend.admin_images_edit}
+              handle={{ crumb: ({ pathname }: UIMatch) => <Link url={pathname}>{t(KEY.common_edit)}</Link> }}
+              element={
+                <PermissionRoute
+                  requiredPermissions={[PERM.SAMFUNDET_CHANGE_IMAGE]}
+                  element={<AdminEditImage />}
+                  resolveWithRolePermissions={true}
+                />
+              }
+            />
           </Route>
           {/* Saksdokumenter */}
           <Route
diff --git a/frontend/src/routes/frontend.ts b/frontend/src/routes/frontend.ts
index af2b28dad..630721f66 100644
--- a/frontend/src/routes/frontend.ts
+++ b/frontend/src/routes/frontend.ts
@@ -75,6 +75,7 @@ export const ROUTES_FRONTEND = {
   // Images:
   admin_images: '/control-panel/images/',
   admin_images_create: '/control-panel/images/create/',
+  admin_images_edit: '/control-panel/images/edit/:id/',
   // Documents:
   admin_saksdokumenter: '/control-panel/saksdokument/',
   admin_saksdokumenter_create: '/control-panel/saksdokument/create/',

From 2c1f6bba00a6253b516e11273bae435323c044bb Mon Sep 17 00:00:00 2001
From: Tor Madsen <marvel.madsen@gmail.com>
Date: Tue, 3 Mar 2026 19:56:24 +0100
Subject: [PATCH 02/79] added list of events that are tied to an image, not
 interactable yet

---
 backend/samfundet/view/general_views.py       |  8 +++++
 .../AdminImage/AdminEditImage.module.scss     | 32 +++++++++++++++++++
 .../components/AdminImage/AdminEditImage.tsx  | 26 ++++++++++++++-
 frontend/src/api.ts                           | 16 ++++++++++
 frontend/src/i18n/constants.ts                |  2 ++
 frontend/src/i18n/translations.ts             |  4 +++
 6 files changed, 87 insertions(+), 1 deletion(-)

diff --git a/backend/samfundet/view/general_views.py b/backend/samfundet/view/general_views.py
index 5d82a972a..43dc7f89e 100644
--- a/backend/samfundet/view/general_views.py
+++ b/backend/samfundet/view/general_views.py
@@ -46,6 +46,7 @@
     InformationPageSerializer,
     UserGangSectionRoleSerializer,
 )
+from samfundet.models.event import Event
 from samfundet.models.general import (
     Tag,
     Gang,
@@ -105,6 +106,13 @@ class ImageView(ModelViewSet):
     serializer_class = ImageSerializer
     queryset = Image.objects.all().order_by('-pk')
 
+    @action(detail=True, methods=['get'])
+    def linked_events(self, request: Request, pk: int | None = None) -> Response:
+        """Get all events that use this image."""
+        image = self.get_object()
+        events = Event.objects.filter(image=image).values('id', 'title_en', 'title_nb', 'start_dt')
+        return Response(data=list(events))
+
 
 # Image tags
 class TagView(ModelViewSet):
diff --git a/frontend/src/PagesAdmin/ImageAdminPage/components/AdminImage/AdminEditImage.module.scss b/frontend/src/PagesAdmin/ImageAdminPage/components/AdminImage/AdminEditImage.module.scss
index 93380858a..6104e8715 100644
--- a/frontend/src/PagesAdmin/ImageAdminPage/components/AdminImage/AdminEditImage.module.scss
+++ b/frontend/src/PagesAdmin/ImageAdminPage/components/AdminImage/AdminEditImage.module.scss
@@ -73,3 +73,35 @@
   padding: 2rem;
   text-align: center;
 }
+
+.linkedEventsSection {
+  @include rounded;
+  @include shadow-light;
+  padding: 2rem;
+  background-color: #fff3cd;
+  border-left: 4px solid #ffc107;
+
+  h4 {
+    margin: 0 0 1rem 0;
+    font-size: 1.1em;
+    color: #333;
+  }
+}
+
+.eventsList {
+  margin: 0 0 1rem 0;
+  padding-left: 2rem;
+  list-style-type: disc;
+
+  li {
+    margin-bottom: 0.5rem;
+    color: #555;
+  }
+}
+
+.warningText {
+  margin: 1rem 0 0 0;
+  font-size: 0.95em;
+  color: #855a00;
+  font-style: italic;
+}
diff --git a/frontend/src/PagesAdmin/ImageAdminPage/components/AdminImage/AdminEditImage.tsx b/frontend/src/PagesAdmin/ImageAdminPage/components/AdminImage/AdminEditImage.tsx
index 01194f35c..d94b7973d 100644
--- a/frontend/src/PagesAdmin/ImageAdminPage/components/AdminImage/AdminEditImage.tsx
+++ b/frontend/src/PagesAdmin/ImageAdminPage/components/AdminImage/AdminEditImage.tsx
@@ -4,7 +4,8 @@ import { useTranslation } from 'react-i18next';
 import { useParams } from 'react-router-dom';
 import { toast } from 'react-toastify';
 import { Button } from '~/Components/Button/Button';
-import { getImage, replaceImageFile } from '~/api';
+import type { LinkedEventDto } from '~/api';
+import { getImage, getImageLinkedEvents, replaceImageFile } from '~/api';
 import { BACKEND_DOMAIN } from '~/constants';
 import type { ImageDto } from '~/dto';
 import { useCustomNavigate, useTitle } from '~/hooks';
@@ -34,6 +35,7 @@ export function AdminEditImage({ id }: AdminEditImageProps) {
   const [selectedFile, setSelectedFile] = useState<File | null>(null);
   const [notFound, setNotFound] = useState<boolean>(false);
   const [fetchError, setFetchError] = useState<boolean>(false);
+  const [linkedEvents, setLinkedEvents] = useState<LinkedEventDto[]>([]);
 
   const title = lowerCapitalize(`${t(KEY.common_edit)} ${t(KEY.common_image)}`);
   useTitle(title);
@@ -53,6 +55,11 @@ export function AdminEditImage({ id }: AdminEditImageProps) {
         const data = await getImage(imageID);
         if (isMounted) {
           setImage(data);
+          // Fetch linked events
+          const events = await getImageLinkedEvents(imageID);
+          if (isMounted) {
+            setLinkedEvents(events);
+          }
         }
       } catch (error: unknown) {
         if (!isMounted) return;
@@ -164,6 +171,23 @@ export function AdminEditImage({ id }: AdminEditImageProps) {
           </div>
         </div>
 
+        {/* Linked events warning */}
+        {linkedEvents.length > 0 && (
+          <div className={styles.linkedEventsSection}>
+            <h4>{t(KEY.common_image)} {t(KEY.common_linked_to_events)}:</h4>
+            <ul className={styles.eventsList}>
+              {linkedEvents.map((event) => (
+                <li key={event.id}>
+                  {event.title_nb || event.title_en} ({new Date(event.start_dt).toLocaleDateString()})
+                </li>
+              ))}
+            </ul>
+            <p className={styles.warningText}>
+              {t(KEY.common_cannot_delete_image)}
+            </p>
+          </div>
+        )}
+
         {/* Upload form */}
         <div className={styles.uploadSection}>
           <h4>{lowerCapitalize(`${t(KEY.common_replace)} ${t(KEY.common_image)}`)}</h4>
diff --git a/frontend/src/api.ts b/frontend/src/api.ts
index 0d712eb66..f644fd873 100644
--- a/frontend/src/api.ts
+++ b/frontend/src/api.ts
@@ -598,6 +598,22 @@ export async function replaceImageFile(id: string | number, file: File, title?:
   return response.data;
 }
 
+export type LinkedEventDto = {
+  id: number;
+  title_en: string;
+  title_nb: string;
+  start_dt: string;
+};
+
+export async function getImageLinkedEvents(id: string | number): Promise<LinkedEventDto[]> {
+  const url =
+    BACKEND_DOMAIN +
+    reverse({ pattern: ROUTES.backend.samfundet__images_detail, urlParams: { pk: id } }) +
+    'linked_events/';
+  const response = await axios.get<LinkedEventDto[]>(url, { withCredentials: true });
+  return response.data;
+}
+
 /** Fetch all KeyValues from backend. */
 export function getKeyValues(): Promise<AxiosResponse<KeyValueDto[]>> {
   const url = BACKEND_DOMAIN + ROUTES.backend.samfundet__key_value_list;
diff --git a/frontend/src/i18n/constants.ts b/frontend/src/i18n/constants.ts
index 5fe11df75..f2982c2a0 100644
--- a/frontend/src/i18n/constants.ts
+++ b/frontend/src/i18n/constants.ts
@@ -204,6 +204,8 @@ export const KEY = {
   common_capacity: 'common_capacity',
   common_replace: 'common_replace',
   common_upload: 'common_upload',
+  common_linked_to_events: 'common_linked_to_events',
+  common_cannot_delete_image: 'common_cannot_delete_image',
 
   common_membership_number: 'common_membership_number',
   common_to_payment: 'common_to_payment',
diff --git a/frontend/src/i18n/translations.ts b/frontend/src/i18n/translations.ts
index f72b3c086..05a98dafb 100644
--- a/frontend/src/i18n/translations.ts
+++ b/frontend/src/i18n/translations.ts
@@ -188,6 +188,8 @@ export const nb = prepareTranslations({
   [KEY.common_capacity]: 'Kapasitet',
   [KEY.common_upload]: 'Last opp',
   [KEY.common_replace]: 'Erstatt',
+  [KEY.common_linked_to_events]: 'brukt i disse arrangementene',
+  [KEY.common_cannot_delete_image]: 'Bildet kan ikke slettes før alle disse arrangementene er slettet eller bildet erstattes.',
 
   [KEY.common_membership_number]: 'Medlemsnummer',
   [KEY.common_to_payment]: 'Til betaling',
@@ -850,6 +852,8 @@ export const en = prepareTranslations({
   [KEY.common_capacity]: 'Capacity',
   [KEY.common_replace]: 'Replace',
   [KEY.common_upload]: 'Upload',
+  [KEY.common_linked_to_events]: 'used in these events',
+  [KEY.common_cannot_delete_image]: 'The image cannot be deleted until all these events are deleted or the image is replaced.',
   [KEY.common_membership_number]: 'Membership number',
   [KEY.common_to_payment]: 'To payment',
 

From 3cd059c82e52ee704ff0541c47af02990338ecd7 Mon Sep 17 00:00:00 2001
From: Tor Madsen <marvel.madsen@gmail.com>
Date: Tue, 3 Mar 2026 20:59:48 +0100
Subject: [PATCH 03/79] added link to events that is listed under image.
 Waiting for Edit Image PR to be merged into main before continuing

---
 .../AdminImage/AdminEditImage.module.scss          | 14 ++++++++++++++
 .../components/AdminImage/AdminEditImage.tsx       |  7 ++++++-
 2 files changed, 20 insertions(+), 1 deletion(-)

diff --git a/frontend/src/PagesAdmin/ImageAdminPage/components/AdminImage/AdminEditImage.module.scss b/frontend/src/PagesAdmin/ImageAdminPage/components/AdminImage/AdminEditImage.module.scss
index 6104e8715..568ac1f2d 100644
--- a/frontend/src/PagesAdmin/ImageAdminPage/components/AdminImage/AdminEditImage.module.scss
+++ b/frontend/src/PagesAdmin/ImageAdminPage/components/AdminImage/AdminEditImage.module.scss
@@ -99,6 +99,20 @@
   }
 }
 
+.eventItem {
+  cursor: pointer;
+  transition: all 0.2s ease;
+  padding: 0.25rem 0.5rem;
+  margin-left: -0.5rem;
+  border-radius: 3px;
+
+  &:hover {
+    background-color: #e8f4f8;
+    color: #003d5c;
+    font-weight: 500;
+  }
+}
+
 .warningText {
   margin: 1rem 0 0 0;
   font-size: 0.95em;
diff --git a/frontend/src/PagesAdmin/ImageAdminPage/components/AdminImage/AdminEditImage.tsx b/frontend/src/PagesAdmin/ImageAdminPage/components/AdminImage/AdminEditImage.tsx
index d94b7973d..47bf5b546 100644
--- a/frontend/src/PagesAdmin/ImageAdminPage/components/AdminImage/AdminEditImage.tsx
+++ b/frontend/src/PagesAdmin/ImageAdminPage/components/AdminImage/AdminEditImage.tsx
@@ -11,6 +11,7 @@ import type { ImageDto } from '~/dto';
 import { useCustomNavigate, useTitle } from '~/hooks';
 import { STATUS } from '~/http_status_codes';
 import { KEY } from '~/i18n/constants';
+import { reverse } from '~/named-urls';
 import { ROUTES } from '~/routes';
 import { lowerCapitalize } from '~/utils';
 import { AdminPageLayout } from '../../../AdminPageLayout/AdminPageLayout';
@@ -177,7 +178,11 @@ export function AdminEditImage({ id }: AdminEditImageProps) {
             <h4>{t(KEY.common_image)} {t(KEY.common_linked_to_events)}:</h4>
             <ul className={styles.eventsList}>
               {linkedEvents.map((event) => (
-                <li key={event.id}>
+                <li
+                  key={event.id}
+                  className={styles.eventItem}
+                  onClick={() => navigate({ url: reverse({ pattern: ROUTES.frontend.admin_events_edit, urlParams: { id: event.id } }) })}
+                >
                   {event.title_nb || event.title_en} ({new Date(event.start_dt).toLocaleDateString()})
                 </li>
               ))}

From fe2f876f2e834a719c50ee0ca50d6622536e076a Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Tue, 3 Feb 2026 22:12:46 +0100
Subject: [PATCH 04/79] Bump debugpy from 1.8.17 to 1.8.20 in /backend (#2053)

Bumps [debugpy](https://github.com/microsoft/debugpy) from 1.8.17 to 1.8.20.
- [Release notes](https://github.com/microsoft/debugpy/releases)
- [Commits](https://github.com/microsoft/debugpy/compare/v1.8.17...v1.8.20)

---
updated-dependencies:
- dependency-name: debugpy
  dependency-version: 1.8.20
  dependency-type: direct:development
  update-type: version-update:semver-patch
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
---
 backend/poetry.lock | 62 ++++++++++++++++++++++-----------------------
 1 file changed, 31 insertions(+), 31 deletions(-)

diff --git a/backend/poetry.lock b/backend/poetry.lock
index 616b43165..cb0c2ce12 100644
--- a/backend/poetry.lock
+++ b/backend/poetry.lock
@@ -205,42 +205,42 @@ typing-inspect = ">=0.4.0,<1"
 
 [[package]]
 name = "debugpy"
-version = "1.8.17"
+version = "1.8.20"
 description = "An implementation of the Debug Adapter Protocol for Python"
 optional = false
 python-versions = ">=3.8"
 groups = ["dev"]
 files = [
-    {file = "debugpy-1.8.17-cp310-cp310-macosx_15_0_x86_64.whl", hash = "sha256:c41d2ce8bbaddcc0009cc73f65318eedfa3dbc88a8298081deb05389f1ab5542"},
-    {file = "debugpy-1.8.17-cp310-cp310-manylinux_2_34_x86_64.whl", hash = "sha256:1440fd514e1b815edd5861ca394786f90eb24960eb26d6f7200994333b1d79e3"},
-    {file = "debugpy-1.8.17-cp310-cp310-win32.whl", hash = "sha256:3a32c0af575749083d7492dc79f6ab69f21b2d2ad4cd977a958a07d5865316e4"},
-    {file = "debugpy-1.8.17-cp310-cp310-win_amd64.whl", hash = "sha256:a3aad0537cf4d9c1996434be68c6c9a6d233ac6f76c2a482c7803295b4e4f99a"},
-    {file = "debugpy-1.8.17-cp311-cp311-macosx_15_0_universal2.whl", hash = "sha256:d3fce3f0e3de262a3b67e69916d001f3e767661c6e1ee42553009d445d1cd840"},
-    {file = "debugpy-1.8.17-cp311-cp311-manylinux_2_34_x86_64.whl", hash = "sha256:c6bdf134457ae0cac6fb68205776be635d31174eeac9541e1d0c062165c6461f"},
-    {file = "debugpy-1.8.17-cp311-cp311-win32.whl", hash = "sha256:e79a195f9e059edfe5d8bf6f3749b2599452d3e9380484cd261f6b7cd2c7c4da"},
-    {file = "debugpy-1.8.17-cp311-cp311-win_amd64.whl", hash = "sha256:b532282ad4eca958b1b2d7dbcb2b7218e02cb934165859b918e3b6ba7772d3f4"},
-    {file = "debugpy-1.8.17-cp312-cp312-macosx_15_0_universal2.whl", hash = "sha256:f14467edef672195c6f6b8e27ce5005313cb5d03c9239059bc7182b60c176e2d"},
-    {file = "debugpy-1.8.17-cp312-cp312-manylinux_2_34_x86_64.whl", hash = "sha256:24693179ef9dfa20dca8605905a42b392be56d410c333af82f1c5dff807a64cc"},
-    {file = "debugpy-1.8.17-cp312-cp312-win32.whl", hash = "sha256:6a4e9dacf2cbb60d2514ff7b04b4534b0139facbf2abdffe0639ddb6088e59cf"},
-    {file = "debugpy-1.8.17-cp312-cp312-win_amd64.whl", hash = "sha256:e8f8f61c518952fb15f74a302e068b48d9c4691768ade433e4adeea961993464"},
-    {file = "debugpy-1.8.17-cp313-cp313-macosx_15_0_universal2.whl", hash = "sha256:857c1dd5d70042502aef1c6d1c2801211f3ea7e56f75e9c335f434afb403e464"},
-    {file = "debugpy-1.8.17-cp313-cp313-manylinux_2_34_x86_64.whl", hash = "sha256:3bea3b0b12f3946e098cce9b43c3c46e317b567f79570c3f43f0b96d00788088"},
-    {file = "debugpy-1.8.17-cp313-cp313-win32.whl", hash = "sha256:e34ee844c2f17b18556b5bbe59e1e2ff4e86a00282d2a46edab73fd7f18f4a83"},
-    {file = "debugpy-1.8.17-cp313-cp313-win_amd64.whl", hash = "sha256:6c5cd6f009ad4fca8e33e5238210dc1e5f42db07d4b6ab21ac7ffa904a196420"},
-    {file = "debugpy-1.8.17-cp314-cp314-macosx_15_0_universal2.whl", hash = "sha256:045290c010bcd2d82bc97aa2daf6837443cd52f6328592698809b4549babcee1"},
-    {file = "debugpy-1.8.17-cp314-cp314-manylinux_2_34_x86_64.whl", hash = "sha256:b69b6bd9dba6a03632534cdf67c760625760a215ae289f7489a452af1031fe1f"},
-    {file = "debugpy-1.8.17-cp314-cp314-win32.whl", hash = "sha256:5c59b74aa5630f3a5194467100c3b3d1c77898f9ab27e3f7dc5d40fc2f122670"},
-    {file = "debugpy-1.8.17-cp314-cp314-win_amd64.whl", hash = "sha256:893cba7bb0f55161de4365584b025f7064e1f88913551bcd23be3260b231429c"},
-    {file = "debugpy-1.8.17-cp38-cp38-macosx_15_0_x86_64.whl", hash = "sha256:8deb4e31cd575c9f9370042876e078ca118117c1b5e1f22c32befcfbb6955f0c"},
-    {file = "debugpy-1.8.17-cp38-cp38-manylinux_2_34_x86_64.whl", hash = "sha256:b75868b675949a96ab51abc114c7163f40ff0d8f7d6d5fd63f8932fd38e9c6d7"},
-    {file = "debugpy-1.8.17-cp38-cp38-win32.whl", hash = "sha256:17e456da14848d618662354e1dccfd5e5fb75deec3d1d48dc0aa0baacda55860"},
-    {file = "debugpy-1.8.17-cp38-cp38-win_amd64.whl", hash = "sha256:e851beb536a427b5df8aa7d0c7835b29a13812f41e46292ff80b2ef77327355a"},
-    {file = "debugpy-1.8.17-cp39-cp39-macosx_15_0_x86_64.whl", hash = "sha256:f2ac8055a0c4a09b30b931100996ba49ef334c6947e7ae365cdd870416d7513e"},
-    {file = "debugpy-1.8.17-cp39-cp39-manylinux_2_34_x86_64.whl", hash = "sha256:eaa85bce251feca8e4c87ce3b954aba84b8c645b90f0e6a515c00394a9f5c0e7"},
-    {file = "debugpy-1.8.17-cp39-cp39-win32.whl", hash = "sha256:b13eea5587e44f27f6c48588b5ad56dcb74a4f3a5f89250443c94587f3eb2ea1"},
-    {file = "debugpy-1.8.17-cp39-cp39-win_amd64.whl", hash = "sha256:bb1bbf92317e1f35afcf3ef0450219efb3afe00be79d8664b250ac0933b9015f"},
-    {file = "debugpy-1.8.17-py2.py3-none-any.whl", hash = "sha256:60c7dca6571efe660ccb7a9508d73ca14b8796c4ed484c2002abba714226cfef"},
-    {file = "debugpy-1.8.17.tar.gz", hash = "sha256:fd723b47a8c08892b1a16b2c6239a8b96637c62a59b94bb5dab4bac592a58a8e"},
+    {file = "debugpy-1.8.20-cp310-cp310-macosx_15_0_x86_64.whl", hash = "sha256:157e96ffb7f80b3ad36d808646198c90acb46fdcfd8bb1999838f0b6f2b59c64"},
+    {file = "debugpy-1.8.20-cp310-cp310-manylinux_2_34_x86_64.whl", hash = "sha256:c1178ae571aff42e61801a38b007af504ec8e05fde1c5c12e5a7efef21009642"},
+    {file = "debugpy-1.8.20-cp310-cp310-win32.whl", hash = "sha256:c29dd9d656c0fbd77906a6e6a82ae4881514aa3294b94c903ff99303e789b4a2"},
+    {file = "debugpy-1.8.20-cp310-cp310-win_amd64.whl", hash = "sha256:3ca85463f63b5dd0aa7aaa933d97cbc47c174896dcae8431695872969f981893"},
+    {file = "debugpy-1.8.20-cp311-cp311-macosx_15_0_universal2.whl", hash = "sha256:eada6042ad88fa1571b74bd5402ee8b86eded7a8f7b827849761700aff171f1b"},
+    {file = "debugpy-1.8.20-cp311-cp311-manylinux_2_34_x86_64.whl", hash = "sha256:7de0b7dfeedc504421032afba845ae2a7bcc32ddfb07dae2c3ca5442f821c344"},
+    {file = "debugpy-1.8.20-cp311-cp311-win32.whl", hash = "sha256:773e839380cf459caf73cc533ea45ec2737a5cc184cf1b3b796cd4fd98504fec"},
+    {file = "debugpy-1.8.20-cp311-cp311-win_amd64.whl", hash = "sha256:1f7650546e0eded1902d0f6af28f787fa1f1dbdbc97ddabaf1cd963a405930cb"},
+    {file = "debugpy-1.8.20-cp312-cp312-macosx_15_0_universal2.whl", hash = "sha256:4ae3135e2089905a916909ef31922b2d733d756f66d87345b3e5e52b7a55f13d"},
+    {file = "debugpy-1.8.20-cp312-cp312-manylinux_2_34_x86_64.whl", hash = "sha256:88f47850a4284b88bd2bfee1f26132147d5d504e4e86c22485dfa44b97e19b4b"},
+    {file = "debugpy-1.8.20-cp312-cp312-win32.whl", hash = "sha256:4057ac68f892064e5f98209ab582abfee3b543fb55d2e87610ddc133a954d390"},
+    {file = "debugpy-1.8.20-cp312-cp312-win_amd64.whl", hash = "sha256:a1a8f851e7cf171330679ef6997e9c579ef6dd33c9098458bd9986a0f4ca52e3"},
+    {file = "debugpy-1.8.20-cp313-cp313-macosx_15_0_universal2.whl", hash = "sha256:5dff4bb27027821fdfcc9e8f87309a28988231165147c31730128b1c983e282a"},
+    {file = "debugpy-1.8.20-cp313-cp313-manylinux_2_34_x86_64.whl", hash = "sha256:84562982dd7cf5ebebfdea667ca20a064e096099997b175fe204e86817f64eaf"},
+    {file = "debugpy-1.8.20-cp313-cp313-win32.whl", hash = "sha256:da11dea6447b2cadbf8ce2bec59ecea87cc18d2c574980f643f2d2dfe4862393"},
+    {file = "debugpy-1.8.20-cp313-cp313-win_amd64.whl", hash = "sha256:eb506e45943cab2efb7c6eafdd65b842f3ae779f020c82221f55aca9de135ed7"},
+    {file = "debugpy-1.8.20-cp314-cp314-macosx_15_0_universal2.whl", hash = "sha256:9c74df62fc064cd5e5eaca1353a3ef5a5d50da5eb8058fcef63106f7bebe6173"},
+    {file = "debugpy-1.8.20-cp314-cp314-manylinux_2_34_x86_64.whl", hash = "sha256:077a7447589ee9bc1ff0cdf443566d0ecf540ac8aa7333b775ebcb8ce9f4ecad"},
+    {file = "debugpy-1.8.20-cp314-cp314-win32.whl", hash = "sha256:352036a99dd35053b37b7803f748efc456076f929c6a895556932eaf2d23b07f"},
+    {file = "debugpy-1.8.20-cp314-cp314-win_amd64.whl", hash = "sha256:a98eec61135465b062846112e5ecf2eebb855305acc1dfbae43b72903b8ab5be"},
+    {file = "debugpy-1.8.20-cp38-cp38-macosx_15_0_x86_64.whl", hash = "sha256:b773eb026a043e4d9c76265742bc846f2f347da7e27edf7fe97716ea19d6bfc5"},
+    {file = "debugpy-1.8.20-cp38-cp38-manylinux_2_34_x86_64.whl", hash = "sha256:20d6e64ea177ab6732bffd3ce8fc6fb8879c60484ce14c3b3fe183b1761459ca"},
+    {file = "debugpy-1.8.20-cp38-cp38-win32.whl", hash = "sha256:0dfd9adb4b3c7005e9c33df430bcdd4e4ebba70be533e0066e3a34d210041b66"},
+    {file = "debugpy-1.8.20-cp38-cp38-win_amd64.whl", hash = "sha256:60f89411a6c6afb89f18e72e9091c3dfbcfe3edc1066b2043a1f80a3bbb3e11f"},
+    {file = "debugpy-1.8.20-cp39-cp39-macosx_15_0_x86_64.whl", hash = "sha256:bff8990f040dacb4c314864da95f7168c5a58a30a66e0eea0fb85e2586a92cd6"},
+    {file = "debugpy-1.8.20-cp39-cp39-manylinux_2_34_x86_64.whl", hash = "sha256:70ad9ae09b98ac307b82c16c151d27ee9d68ae007a2e7843ba621b5ce65333b5"},
+    {file = "debugpy-1.8.20-cp39-cp39-win32.whl", hash = "sha256:9eeed9f953f9a23850c85d440bf51e3c56ed5d25f8560eeb29add815bd32f7ee"},
+    {file = "debugpy-1.8.20-cp39-cp39-win_amd64.whl", hash = "sha256:760813b4fff517c75bfe7923033c107104e76acfef7bda011ffea8736e9a66f8"},
+    {file = "debugpy-1.8.20-py2.py3-none-any.whl", hash = "sha256:5be9bed9ae3be00665a06acaa48f8329d2b9632f15fd09f6a9a8c8d9907e54d7"},
+    {file = "debugpy-1.8.20.tar.gz", hash = "sha256:55bc8701714969f1ab89a6d5f2f3d40c36f91b2cbe2f65d98bf8196f6a6a2c33"},
 ]
 
 [[package]]

From a8061c624df666ccdaf1719c31970f5db729a1c0 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Tue, 3 Feb 2026 22:13:16 +0100
Subject: [PATCH 05/79] Bump django from 5.2.10 to 5.2.11 in /backend (#2055)

Bumps [django](https://github.com/django/django) from 5.2.10 to 5.2.11.
- [Commits](https://github.com/django/django/compare/5.2.10...5.2.11)

---
updated-dependencies:
- dependency-name: django
  dependency-version: 5.2.11
  dependency-type: direct:production
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
---
 backend/poetry.lock | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/backend/poetry.lock b/backend/poetry.lock
index cb0c2ce12..8388b5aaa 100644
--- a/backend/poetry.lock
+++ b/backend/poetry.lock
@@ -245,14 +245,14 @@ files = [
 
 [[package]]
 name = "django"
-version = "5.2.10"
+version = "5.2.11"
 description = "A high-level Python web framework that encourages rapid development and clean, pragmatic design."
 optional = false
 python-versions = ">=3.10"
 groups = ["main", "dev"]
 files = [
-    {file = "django-5.2.10-py3-none-any.whl", hash = "sha256:cf85067a64250c95d5f9067b056c5eaa80591929f7e16fbcd997746e40d6c45c"},
-    {file = "django-5.2.10.tar.gz", hash = "sha256:74df100784c288c50a2b5cad59631d71214f40f72051d5af3fdf220c20bdbbbe"},
+    {file = "django-5.2.11-py3-none-any.whl", hash = "sha256:e7130df33ada9ab5e5e929bc19346a20fe383f5454acb2cc004508f242ee92c0"},
+    {file = "django-5.2.11.tar.gz", hash = "sha256:7f2d292ad8b9ee35e405d965fbbad293758b858c34bbf7f3df551aeeac6f02d3"},
 ]
 
 [package.dependencies]

From 1b6308e98719fc214d513d2d13546b49dbd168f2 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Tue, 3 Feb 2026 22:13:52 +0100
Subject: [PATCH 06/79] Bump bandit from 1.8.6 to 1.9.3 in /backend (#2047)

Bumps [bandit](https://github.com/PyCQA/bandit) from 1.8.6 to 1.9.3.
- [Release notes](https://github.com/PyCQA/bandit/releases)
- [Commits](https://github.com/PyCQA/bandit/compare/1.8.6...1.9.3)

---
updated-dependencies:
- dependency-name: bandit
  dependency-version: 1.9.3
  dependency-type: direct:development
  update-type: version-update:semver-minor
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
---
 backend/poetry.lock | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/backend/poetry.lock b/backend/poetry.lock
index 8388b5aaa..75be2ca4b 100644
--- a/backend/poetry.lock
+++ b/backend/poetry.lock
@@ -37,14 +37,14 @@ tests-mypy = ["mypy (>=1.11.1) ; platform_python_implementation == \"CPython\" a
 
 [[package]]
 name = "bandit"
-version = "1.8.6"
+version = "1.9.3"
 description = "Security oriented static analyser for python code."
 optional = false
-python-versions = ">=3.9"
+python-versions = ">=3.10"
 groups = ["dev"]
 files = [
-    {file = "bandit-1.8.6-py3-none-any.whl", hash = "sha256:3348e934d736fcdb68b6aa4030487097e23a501adf3e7827b63658df464dddd0"},
-    {file = "bandit-1.8.6.tar.gz", hash = "sha256:dbfe9c25fc6961c2078593de55fd19f2559f9e45b99f1272341f5b95dea4e56b"},
+    {file = "bandit-1.9.3-py3-none-any.whl", hash = "sha256:4745917c88d2246def79748bde5e08b9d5e9b92f877863d43fab70cd8814ce6a"},
+    {file = "bandit-1.9.3.tar.gz", hash = "sha256:ade4b9b7786f89ef6fc7344a52b34558caec5da74cb90373aed01de88472f774"},
 ]
 
 [package.dependencies]

From c3824f7337454964f4126ea55201b056227c6893 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Tue, 3 Feb 2026 22:17:00 +0100
Subject: [PATCH 07/79] Bump tar from 7.5.6 to 7.5.7 in /frontend (#2043)

Bumps [tar](https://github.com/isaacs/node-tar) from 7.5.6 to 7.5.7.
- [Release notes](https://github.com/isaacs/node-tar/releases)
- [Changelog](https://github.com/isaacs/node-tar/blob/main/CHANGELOG.md)
- [Commits](https://github.com/isaacs/node-tar/compare/v7.5.6...v7.5.7)

---
updated-dependencies:
- dependency-name: tar
  dependency-version: 7.5.7
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
---
 frontend/yarn.lock | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/yarn.lock b/frontend/yarn.lock
index 5b3c8b485..d39fd4489 100644
--- a/frontend/yarn.lock
+++ b/frontend/yarn.lock
@@ -8303,15 +8303,15 @@ __metadata:
   linkType: hard
 
 "tar@npm:^7.4.3":
-  version: 7.5.6
-  resolution: "tar@npm:7.5.6"
+  version: 7.5.7
+  resolution: "tar@npm:7.5.7"
   dependencies:
     "@isaacs/fs-minipass": "npm:^4.0.0"
     chownr: "npm:^3.0.0"
     minipass: "npm:^7.1.2"
     minizlib: "npm:^3.1.0"
     yallist: "npm:^5.0.0"
-  checksum: 10c0/08af3807035957650ad5f2a300c49ca4fe0566ac0ea5a23741a5b5103c6da42891a9eeaed39bc1fbcf21c5cac4dc846828a004727fb08b9d946322d3144d1fd2
+  checksum: 10c0/51f261afc437e1112c3e7919478d6176ea83f7f7727864d8c2cce10f0b03a631d1911644a567348c3063c45abdae39718ba97abb073d22aa3538b9a53ae1e31c
   languageName: node
   linkType: hard
 

From c646a7d4f918177b7f73b6d7b2a0879dbd77fff2 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Tue, 3 Feb 2026 22:19:21 +0100
Subject: [PATCH 08/79] Bump mypy from 1.19.0 to 1.19.1 in /backend (#2050)

Bumps [mypy](https://github.com/python/mypy) from 1.19.0 to 1.19.1.
- [Changelog](https://github.com/python/mypy/blob/master/CHANGELOG.md)
- [Commits](https://github.com/python/mypy/compare/v1.19.0...v1.19.1)

---
updated-dependencies:
- dependency-name: mypy
  dependency-version: 1.19.1
  dependency-type: direct:development
  update-type: version-update:semver-patch
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
---
 backend/poetry.lock | 81 +++++++++++++++++++++++----------------------
 1 file changed, 41 insertions(+), 40 deletions(-)

diff --git a/backend/poetry.lock b/backend/poetry.lock
index 75be2ca4b..b650984e2 100644
--- a/backend/poetry.lock
+++ b/backend/poetry.lock
@@ -501,6 +501,7 @@ description = "Mypyc runtime library"
 optional = false
 python-versions = ">=3.9"
 groups = ["dev"]
+markers = "platform_python_implementation != \"PyPy\""
 files = [
     {file = "librt-0.6.3-cp310-cp310-macosx_10_9_x86_64.whl", hash = "sha256:45660d26569cc22ed30adf583389d8a0d1b468f8b5e518fcf9bfe2cd298f9dd1"},
     {file = "librt-0.6.3-cp310-cp310-macosx_11_0_arm64.whl", hash = "sha256:54f3b2177fb892d47f8016f1087d21654b44f7fc4cf6571c1c6b3ea531ab0fcf"},
@@ -639,54 +640,54 @@ files = [
 
 [[package]]
 name = "mypy"
-version = "1.19.0"
+version = "1.19.1"
 description = "Optional static typing for Python"
 optional = false
 python-versions = ">=3.9"
 groups = ["dev"]
 files = [
-    {file = "mypy-1.19.0-cp310-cp310-macosx_10_9_x86_64.whl", hash = "sha256:6148ede033982a8c5ca1143de34c71836a09f105068aaa8b7d5edab2b053e6c8"},
-    {file = "mypy-1.19.0-cp310-cp310-macosx_11_0_arm64.whl", hash = "sha256:a9ac09e52bb0f7fb912f5d2a783345c72441a08ef56ce3e17c1752af36340a39"},
-    {file = "mypy-1.19.0-cp310-cp310-manylinux2014_aarch64.manylinux_2_17_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:11f7254c15ab3f8ed68f8e8f5cbe88757848df793e31c36aaa4d4f9783fd08ab"},
-    {file = "mypy-1.19.0-cp310-cp310-manylinux2014_x86_64.manylinux_2_17_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:318ba74f75899b0e78b847d8c50821e4c9637c79d9a59680fc1259f29338cb3e"},
-    {file = "mypy-1.19.0-cp310-cp310-musllinux_1_2_x86_64.whl", hash = "sha256:cf7d84f497f78b682edd407f14a7b6e1a2212b433eedb054e2081380b7395aa3"},
-    {file = "mypy-1.19.0-cp310-cp310-win_amd64.whl", hash = "sha256:c3385246593ac2b97f155a0e9639be906e73534630f663747c71908dfbf26134"},
-    {file = "mypy-1.19.0-cp311-cp311-macosx_10_9_x86_64.whl", hash = "sha256:a31e4c28e8ddb042c84c5e977e28a21195d086aaffaf08b016b78e19c9ef8106"},
-    {file = "mypy-1.19.0-cp311-cp311-macosx_11_0_arm64.whl", hash = "sha256:34ec1ac66d31644f194b7c163d7f8b8434f1b49719d403a5d26c87fff7e913f7"},
-    {file = "mypy-1.19.0-cp311-cp311-manylinux2014_aarch64.manylinux_2_17_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:cb64b0ba5980466a0f3f9990d1c582bcab8db12e29815ecb57f1408d99b4bff7"},
-    {file = "mypy-1.19.0-cp311-cp311-manylinux2014_x86_64.manylinux_2_17_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:120cffe120cca5c23c03c77f84abc0c14c5d2e03736f6c312480020082f1994b"},
-    {file = "mypy-1.19.0-cp311-cp311-musllinux_1_2_x86_64.whl", hash = "sha256:7a500ab5c444268a70565e374fc803972bfd1f09545b13418a5174e29883dab7"},
-    {file = "mypy-1.19.0-cp311-cp311-win_amd64.whl", hash = "sha256:c14a98bc63fd867530e8ec82f217dae29d0550c86e70debc9667fff1ec83284e"},
-    {file = "mypy-1.19.0-cp312-cp312-macosx_10_13_x86_64.whl", hash = "sha256:0fb3115cb8fa7c5f887c8a8d81ccdcb94cff334684980d847e5a62e926910e1d"},
-    {file = "mypy-1.19.0-cp312-cp312-macosx_11_0_arm64.whl", hash = "sha256:f3e19e3b897562276bb331074d64c076dbdd3e79213f36eed4e592272dabd760"},
-    {file = "mypy-1.19.0-cp312-cp312-manylinux2014_aarch64.manylinux_2_17_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:b9d491295825182fba01b6ffe2c6fe4e5a49dbf4e2bb4d1217b6ced3b4797bc6"},
-    {file = "mypy-1.19.0-cp312-cp312-manylinux2014_x86_64.manylinux_2_17_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:6016c52ab209919b46169651b362068f632efcd5eb8ef9d1735f6f86da7853b2"},
-    {file = "mypy-1.19.0-cp312-cp312-musllinux_1_2_x86_64.whl", hash = "sha256:f188dcf16483b3e59f9278c4ed939ec0254aa8a60e8fc100648d9ab5ee95a431"},
-    {file = "mypy-1.19.0-cp312-cp312-win_amd64.whl", hash = "sha256:0e3c3d1e1d62e678c339e7ade72746a9e0325de42cd2cccc51616c7b2ed1a018"},
-    {file = "mypy-1.19.0-cp313-cp313-macosx_10_13_x86_64.whl", hash = "sha256:7686ed65dbabd24d20066f3115018d2dce030d8fa9db01aa9f0a59b6813e9f9e"},
-    {file = "mypy-1.19.0-cp313-cp313-macosx_11_0_arm64.whl", hash = "sha256:fd4a985b2e32f23bead72e2fb4bbe5d6aceee176be471243bd831d5b2644672d"},
-    {file = "mypy-1.19.0-cp313-cp313-manylinux2014_aarch64.manylinux_2_17_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:fc51a5b864f73a3a182584b1ac75c404396a17eced54341629d8bdcb644a5bba"},
-    {file = "mypy-1.19.0-cp313-cp313-manylinux2014_x86_64.manylinux_2_17_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:37af5166f9475872034b56c5efdcf65ee25394e9e1d172907b84577120714364"},
-    {file = "mypy-1.19.0-cp313-cp313-musllinux_1_2_x86_64.whl", hash = "sha256:510c014b722308c9bd377993bcbf9a07d7e0692e5fa8fc70e639c1eb19fc6bee"},
-    {file = "mypy-1.19.0-cp313-cp313-win_amd64.whl", hash = "sha256:cabbee74f29aa9cd3b444ec2f1e4fa5a9d0d746ce7567a6a609e224429781f53"},
-    {file = "mypy-1.19.0-cp314-cp314-macosx_10_15_x86_64.whl", hash = "sha256:f2e36bed3c6d9b5f35d28b63ca4b727cb0228e480826ffc8953d1892ddc8999d"},
-    {file = "mypy-1.19.0-cp314-cp314-macosx_11_0_arm64.whl", hash = "sha256:a18d8abdda14035c5718acb748faec09571432811af129bf0d9e7b2d6699bf18"},
-    {file = "mypy-1.19.0-cp314-cp314-manylinux2014_aarch64.manylinux_2_17_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:f75e60aca3723a23511948539b0d7ed514dda194bc3755eae0bfc7a6b4887aa7"},
-    {file = "mypy-1.19.0-cp314-cp314-manylinux2014_x86_64.manylinux_2_17_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:8f44f2ae3c58421ee05fe609160343c25f70e3967f6e32792b5a78006a9d850f"},
-    {file = "mypy-1.19.0-cp314-cp314-musllinux_1_2_x86_64.whl", hash = "sha256:63ea6a00e4bd6822adbfc75b02ab3653a17c02c4347f5bb0cf1d5b9df3a05835"},
-    {file = "mypy-1.19.0-cp314-cp314-win_amd64.whl", hash = "sha256:3ad925b14a0bb99821ff6f734553294aa6a3440a8cb082fe1f5b84dfb662afb1"},
-    {file = "mypy-1.19.0-cp39-cp39-macosx_10_9_x86_64.whl", hash = "sha256:0dde5cb375cb94deff0d4b548b993bec52859d1651e073d63a1386d392a95495"},
-    {file = "mypy-1.19.0-cp39-cp39-macosx_11_0_arm64.whl", hash = "sha256:1cf9c59398db1c68a134b0b5354a09a1e124523f00bacd68e553b8bd16ff3299"},
-    {file = "mypy-1.19.0-cp39-cp39-manylinux2014_aarch64.manylinux_2_17_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:3210d87b30e6af9c8faed61be2642fcbe60ef77cec64fa1ef810a630a4cf671c"},
-    {file = "mypy-1.19.0-cp39-cp39-manylinux2014_x86_64.manylinux_2_17_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:e2c1101ab41d01303103ab6ef82cbbfedb81c1a060c868fa7cc013d573d37ab5"},
-    {file = "mypy-1.19.0-cp39-cp39-musllinux_1_2_x86_64.whl", hash = "sha256:0ea4fd21bb48f0da49e6d3b37ef6bd7e8228b9fe41bbf4d80d9364d11adbd43c"},
-    {file = "mypy-1.19.0-cp39-cp39-win_amd64.whl", hash = "sha256:16f76ff3f3fd8137aadf593cb4607d82634fca675e8211ad75c43d86033ee6c6"},
-    {file = "mypy-1.19.0-py3-none-any.whl", hash = "sha256:0c01c99d626380752e527d5ce8e69ffbba2046eb8a060db0329690849cf9b6f9"},
-    {file = "mypy-1.19.0.tar.gz", hash = "sha256:f6b874ca77f733222641e5c46e4711648c4037ea13646fd0cdc814c2eaec2528"},
+    {file = "mypy-1.19.1-cp310-cp310-macosx_10_9_x86_64.whl", hash = "sha256:5f05aa3d375b385734388e844bc01733bd33c644ab48e9684faa54e5389775ec"},
+    {file = "mypy-1.19.1-cp310-cp310-macosx_11_0_arm64.whl", hash = "sha256:022ea7279374af1a5d78dfcab853fe6a536eebfda4b59deab53cd21f6cd9f00b"},
+    {file = "mypy-1.19.1-cp310-cp310-manylinux2014_aarch64.manylinux_2_17_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:ee4c11e460685c3e0c64a4c5de82ae143622410950d6be863303a1c4ba0e36d6"},
+    {file = "mypy-1.19.1-cp310-cp310-manylinux2014_x86_64.manylinux_2_17_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:de759aafbae8763283b2ee5869c7255391fbc4de3ff171f8f030b5ec48381b74"},
+    {file = "mypy-1.19.1-cp310-cp310-musllinux_1_2_x86_64.whl", hash = "sha256:ab43590f9cd5108f41aacf9fca31841142c786827a74ab7cc8a2eacb634e09a1"},
+    {file = "mypy-1.19.1-cp310-cp310-win_amd64.whl", hash = "sha256:2899753e2f61e571b3971747e302d5f420c3fd09650e1951e99f823bc3089dac"},
+    {file = "mypy-1.19.1-cp311-cp311-macosx_10_9_x86_64.whl", hash = "sha256:d8dfc6ab58ca7dda47d9237349157500468e404b17213d44fc1cb77bce532288"},
+    {file = "mypy-1.19.1-cp311-cp311-macosx_11_0_arm64.whl", hash = "sha256:e3f276d8493c3c97930e354b2595a44a21348b320d859fb4a2b9f66da9ed27ab"},
+    {file = "mypy-1.19.1-cp311-cp311-manylinux2014_aarch64.manylinux_2_17_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:2abb24cf3f17864770d18d673c85235ba52456b36a06b6afc1e07c1fdcd3d0e6"},
+    {file = "mypy-1.19.1-cp311-cp311-manylinux2014_x86_64.manylinux_2_17_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:a009ffa5a621762d0c926a078c2d639104becab69e79538a494bcccb62cc0331"},
+    {file = "mypy-1.19.1-cp311-cp311-musllinux_1_2_x86_64.whl", hash = "sha256:f7cee03c9a2e2ee26ec07479f38ea9c884e301d42c6d43a19d20fb014e3ba925"},
+    {file = "mypy-1.19.1-cp311-cp311-win_amd64.whl", hash = "sha256:4b84a7a18f41e167f7995200a1d07a4a6810e89d29859df936f1c3923d263042"},
+    {file = "mypy-1.19.1-cp312-cp312-macosx_10_13_x86_64.whl", hash = "sha256:a8174a03289288c1f6c46d55cef02379b478bfbc8e358e02047487cad44c6ca1"},
+    {file = "mypy-1.19.1-cp312-cp312-macosx_11_0_arm64.whl", hash = "sha256:ffcebe56eb09ff0c0885e750036a095e23793ba6c2e894e7e63f6d89ad51f22e"},
+    {file = "mypy-1.19.1-cp312-cp312-manylinux2014_aarch64.manylinux_2_17_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:b64d987153888790bcdb03a6473d321820597ab8dd9243b27a92153c4fa50fd2"},
+    {file = "mypy-1.19.1-cp312-cp312-manylinux2014_x86_64.manylinux_2_17_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:c35d298c2c4bba75feb2195655dfea8124d855dfd7343bf8b8c055421eaf0cf8"},
+    {file = "mypy-1.19.1-cp312-cp312-musllinux_1_2_x86_64.whl", hash = "sha256:34c81968774648ab5ac09c29a375fdede03ba253f8f8287847bd480782f73a6a"},
+    {file = "mypy-1.19.1-cp312-cp312-win_amd64.whl", hash = "sha256:b10e7c2cd7870ba4ad9b2d8a6102eb5ffc1f16ca35e3de6bfa390c1113029d13"},
+    {file = "mypy-1.19.1-cp313-cp313-macosx_10_13_x86_64.whl", hash = "sha256:e3157c7594ff2ef1634ee058aafc56a82db665c9438fd41b390f3bde1ab12250"},
+    {file = "mypy-1.19.1-cp313-cp313-macosx_11_0_arm64.whl", hash = "sha256:bdb12f69bcc02700c2b47e070238f42cb87f18c0bc1fc4cdb4fb2bc5fd7a3b8b"},
+    {file = "mypy-1.19.1-cp313-cp313-manylinux2014_aarch64.manylinux_2_17_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:f859fb09d9583a985be9a493d5cfc5515b56b08f7447759a0c5deaf68d80506e"},
+    {file = "mypy-1.19.1-cp313-cp313-manylinux2014_x86_64.manylinux_2_17_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:c9a6538e0415310aad77cb94004ca6482330fece18036b5f360b62c45814c4ef"},
+    {file = "mypy-1.19.1-cp313-cp313-musllinux_1_2_x86_64.whl", hash = "sha256:da4869fc5e7f62a88f3fe0b5c919d1d9f7ea3cef92d3689de2823fd27e40aa75"},
+    {file = "mypy-1.19.1-cp313-cp313-win_amd64.whl", hash = "sha256:016f2246209095e8eda7538944daa1d60e1e8134d98983b9fc1e92c1fc0cb8dd"},
+    {file = "mypy-1.19.1-cp314-cp314-macosx_10_15_x86_64.whl", hash = "sha256:06e6170bd5836770e8104c8fdd58e5e725cfeb309f0a6c681a811f557e97eac1"},
+    {file = "mypy-1.19.1-cp314-cp314-macosx_11_0_arm64.whl", hash = "sha256:804bd67b8054a85447c8954215a906d6eff9cabeabe493fb6334b24f4bfff718"},
+    {file = "mypy-1.19.1-cp314-cp314-manylinux2014_aarch64.manylinux_2_17_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:21761006a7f497cb0d4de3d8ef4ca70532256688b0523eee02baf9eec895e27b"},
+    {file = "mypy-1.19.1-cp314-cp314-manylinux2014_x86_64.manylinux_2_17_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:28902ee51f12e0f19e1e16fbe2f8f06b6637f482c459dd393efddd0ec7f82045"},
+    {file = "mypy-1.19.1-cp314-cp314-musllinux_1_2_x86_64.whl", hash = "sha256:481daf36a4c443332e2ae9c137dfee878fcea781a2e3f895d54bd3002a900957"},
+    {file = "mypy-1.19.1-cp314-cp314-win_amd64.whl", hash = "sha256:8bb5c6f6d043655e055be9b542aa5f3bdd30e4f3589163e85f93f3640060509f"},
+    {file = "mypy-1.19.1-cp39-cp39-macosx_10_9_x86_64.whl", hash = "sha256:7bcfc336a03a1aaa26dfce9fff3e287a3ba99872a157561cbfcebe67c13308e3"},
+    {file = "mypy-1.19.1-cp39-cp39-macosx_11_0_arm64.whl", hash = "sha256:b7951a701c07ea584c4fe327834b92a30825514c868b1f69c30445093fdd9d5a"},
+    {file = "mypy-1.19.1-cp39-cp39-manylinux2014_aarch64.manylinux_2_17_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:b13cfdd6c87fc3efb69ea4ec18ef79c74c3f98b4e5498ca9b85ab3b2c2329a67"},
+    {file = "mypy-1.19.1-cp39-cp39-manylinux2014_x86_64.manylinux_2_17_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:4f28f99c824ecebcdaa2e55d82953e38ff60ee5ec938476796636b86afa3956e"},
+    {file = "mypy-1.19.1-cp39-cp39-musllinux_1_2_x86_64.whl", hash = "sha256:c608937067d2fc5a4dd1a5ce92fd9e1398691b8c5d012d66e1ddd430e9244376"},
+    {file = "mypy-1.19.1-cp39-cp39-win_amd64.whl", hash = "sha256:409088884802d511ee52ca067707b90c883426bd95514e8cfda8281dc2effe24"},
+    {file = "mypy-1.19.1-py3-none-any.whl", hash = "sha256:f1235f5ea01b7db5468d53ece6aaddf1ad0b88d9e7462b86ef96fe04995d7247"},
+    {file = "mypy-1.19.1.tar.gz", hash = "sha256:19d88bb05303fe63f71dd2c6270daca27cb9401c4ca8255fe50d1d920e0eb9ba"},
 ]
 
 [package.dependencies]
-librt = ">=0.6.2"
+librt = {version = ">=0.6.2", markers = "platform_python_implementation != \"PyPy\""}
 mypy_extensions = ">=1.0.0"
 pathspec = ">=0.9.0"
 typing_extensions = ">=4.6.0"

From 4ba24077c445d7cbc2f7cc3be97f51712fdf7397 Mon Sep 17 00:00:00 2001
From: Eilif Hjermann Lindblad <eilifhl@stud.ntnu.no>
Date: Tue, 3 Feb 2026 22:52:32 +0100
Subject: [PATCH 09/79] Fix positon of Events Header (#2045)

* Fix positon of events header on HiDpi devices

* lint
---
 .../EventsPage/components/EventsList/EventsList.module.scss     | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/frontend/src/Pages/EventsPage/components/EventsList/EventsList.module.scss b/frontend/src/Pages/EventsPage/components/EventsList/EventsList.module.scss
index 607e883c5..167ed6bd7 100644
--- a/frontend/src/Pages/EventsPage/components/EventsList/EventsList.module.scss
+++ b/frontend/src/Pages/EventsPage/components/EventsList/EventsList.module.scss
@@ -42,6 +42,8 @@ $event-header-bg-dark: rgba(31, 31, 31, 0.9);
   // Position
   top: $navbar-height;
   z-index: 1;
+  left: 0;
+  right: 0;
 
   @include for-mobile-only {
     position: absolute;

From 052fd8914266f1ddedcb3afa0a1f22fc6a604f23 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Wed, 11 Feb 2026 20:59:34 +0100
Subject: [PATCH 10/79] Bump axios from 1.13.2 to 1.13.5 in /frontend (#2062)

Bumps [axios](https://github.com/axios/axios) from 1.13.2 to 1.13.5.
- [Release notes](https://github.com/axios/axios/releases)
- [Changelog](https://github.com/axios/axios/blob/v1.x/CHANGELOG.md)
- [Commits](https://github.com/axios/axios/compare/v1.13.2...v1.13.5)

---
updated-dependencies:
- dependency-name: axios
  dependency-version: 1.13.5
  dependency-type: direct:production
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
---
 frontend/package.json |  2 +-
 frontend/yarn.lock    | 37 +++++++++++++++++++++++++------------
 2 files changed, 26 insertions(+), 13 deletions(-)

diff --git a/frontend/package.json b/frontend/package.json
index bc15163b0..c0e8d4671 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -47,7 +47,7 @@
     "@radix-ui/react-slot": "^1.2.2",
     "@tanstack/react-query": "^5.84.0",
     "@tanstack/react-query-devtools": "^5.59.0",
-    "axios": "^1.13.2",
+    "axios": "^1.13.5",
     "classnames": "^2.3.2",
     "cmdk": "^1.1.1",
     "cypress-fail-on-console-error": "^5.0.1",
diff --git a/frontend/yarn.lock b/frontend/yarn.lock
index d39fd4489..6ca5a3a72 100644
--- a/frontend/yarn.lock
+++ b/frontend/yarn.lock
@@ -2981,14 +2981,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"axios@npm:^1.13.2":
-  version: 1.13.2
-  resolution: "axios@npm:1.13.2"
+"axios@npm:^1.13.5":
+  version: 1.13.5
+  resolution: "axios@npm:1.13.5"
   dependencies:
-    follow-redirects: "npm:^1.15.6"
-    form-data: "npm:^4.0.4"
+    follow-redirects: "npm:^1.15.11"
+    form-data: "npm:^4.0.5"
     proxy-from-env: "npm:^1.1.0"
-  checksum: 10c0/e8a42e37e5568ae9c7a28c348db0e8cf3e43d06fcbef73f0048669edfe4f71219664da7b6cc991b0c0f01c28a48f037c515263cb79be1f1ae8ff034cd813867b
+  checksum: 10c0/abf468c34f2d145f3dc7dbc0f1be67e520630624307bda69a41bbe8d386bd672d87b4405c4ee77f9ff54b235ab02f96a9968fb00e75b13ce64706e352a3068fd
   languageName: node
   linkType: hard
 
@@ -4511,13 +4511,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"follow-redirects@npm:^1.15.6":
-  version: 1.15.9
-  resolution: "follow-redirects@npm:1.15.9"
+"follow-redirects@npm:^1.15.11":
+  version: 1.15.11
+  resolution: "follow-redirects@npm:1.15.11"
   peerDependenciesMeta:
     debug:
       optional: true
-  checksum: 10c0/5829165bd112c3c0e82be6c15b1a58fa9dcfaede3b3c54697a82fe4a62dd5ae5e8222956b448d2f98e331525f05d00404aba7d696de9e761ef6e42fdc780244f
+  checksum: 10c0/d301f430542520a54058d4aeeb453233c564aaccac835d29d15e050beb33f339ad67d9bddbce01739c5dc46a6716dbe3d9d0d5134b1ca203effa11a7ef092343
   languageName: node
   linkType: hard
 
@@ -4547,7 +4547,20 @@ __metadata:
   languageName: node
   linkType: hard
 
-"form-data@npm:^4.0.4, form-data@npm:~4.0.0":
+"form-data@npm:^4.0.5":
+  version: 4.0.5
+  resolution: "form-data@npm:4.0.5"
+  dependencies:
+    asynckit: "npm:^0.4.0"
+    combined-stream: "npm:^1.0.8"
+    es-set-tostringtag: "npm:^2.1.0"
+    hasown: "npm:^2.0.2"
+    mime-types: "npm:^2.1.12"
+  checksum: 10c0/dd6b767ee0bbd6d84039db12a0fa5a2028160ffbfaba1800695713b46ae974a5f6e08b3356c3195137f8530dcd9dfcb5d5ae1eeff53d0db1e5aad863b619ce3b
+  languageName: node
+  linkType: hard
+
+"form-data@npm:~4.0.0":
   version: 4.0.4
   resolution: "form-data@npm:4.0.4"
   dependencies:
@@ -4595,7 +4608,7 @@ __metadata:
     "@types/react-modal": "npm:^3.16.3"
     "@vitejs/plugin-react-swc": "npm:^4.2.2"
     autoprefixer: "npm:^10.4.21"
-    axios: "npm:^1.13.2"
+    axios: "npm:^1.13.5"
     babel-plugin-named-exports-order: "npm:^0.0.2"
     chromatic: "npm:^7.4.0"
     classnames: "npm:^2.3.2"

From 127b1ce3fc6447fe7433bd9fc56dab35aa8614c6 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Wed, 11 Feb 2026 21:02:08 +0100
Subject: [PATCH 11/79] Bump pillow from 11.3.0 to 12.1.1 in /backend (#2059)

Bumps [pillow](https://github.com/python-pillow/Pillow) from 11.3.0 to 12.1.1.
- [Release notes](https://github.com/python-pillow/Pillow/releases)
- [Changelog](https://github.com/python-pillow/Pillow/blob/main/CHANGES.rst)
- [Commits](https://github.com/python-pillow/Pillow/compare/11.3.0...12.1.1)

---
updated-dependencies:
- dependency-name: pillow
  dependency-version: 12.1.1
  dependency-type: direct:production
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
---
 backend/poetry.lock    | 210 +++++++++++++++++++----------------------
 backend/pyproject.toml |   4 +-
 2 files changed, 99 insertions(+), 115 deletions(-)

diff --git a/backend/poetry.lock b/backend/poetry.lock
index b650984e2..c25d95d25 100644
--- a/backend/poetry.lock
+++ b/backend/poetry.lock
@@ -752,127 +752,111 @@ setuptools = "*"
 
 [[package]]
 name = "pillow"
-version = "11.3.0"
-description = "Python Imaging Library (Fork)"
+version = "12.1.1"
+description = "Python Imaging Library (fork)"
 optional = false
-python-versions = ">=3.9"
+python-versions = ">=3.10"
 groups = ["main", "dev"]
 files = [
-    {file = "pillow-11.3.0-cp310-cp310-macosx_10_10_x86_64.whl", hash = "sha256:1b9c17fd4ace828b3003dfd1e30bff24863e0eb59b535e8f80194d9cc7ecf860"},
-    {file = "pillow-11.3.0-cp310-cp310-macosx_11_0_arm64.whl", hash = "sha256:65dc69160114cdd0ca0f35cb434633c75e8e7fad4cf855177a05bf38678f73ad"},
-    {file = "pillow-11.3.0-cp310-cp310-manylinux2014_aarch64.manylinux_2_17_aarch64.whl", hash = "sha256:7107195ddc914f656c7fc8e4a5e1c25f32e9236ea3ea860f257b0436011fddd0"},
-    {file = "pillow-11.3.0-cp310-cp310-manylinux2014_x86_64.manylinux_2_17_x86_64.whl", hash = "sha256:cc3e831b563b3114baac7ec2ee86819eb03caa1a2cef0b481a5675b59c4fe23b"},
-    {file = "pillow-11.3.0-cp310-cp310-manylinux_2_27_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:f1f182ebd2303acf8c380a54f615ec883322593320a9b00438eb842c1f37ae50"},
-    {file = "pillow-11.3.0-cp310-cp310-manylinux_2_27_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:4445fa62e15936a028672fd48c4c11a66d641d2c05726c7ec1f8ba6a572036ae"},
-    {file = "pillow-11.3.0-cp310-cp310-musllinux_1_2_aarch64.whl", hash = "sha256:71f511f6b3b91dd543282477be45a033e4845a40278fa8dcdbfdb07109bf18f9"},
-    {file = "pillow-11.3.0-cp310-cp310-musllinux_1_2_x86_64.whl", hash = "sha256:040a5b691b0713e1f6cbe222e0f4f74cd233421e105850ae3b3c0ceda520f42e"},
-    {file = "pillow-11.3.0-cp310-cp310-win32.whl", hash = "sha256:89bd777bc6624fe4115e9fac3352c79ed60f3bb18651420635f26e643e3dd1f6"},
-    {file = "pillow-11.3.0-cp310-cp310-win_amd64.whl", hash = "sha256:19d2ff547c75b8e3ff46f4d9ef969a06c30ab2d4263a9e287733aa8b2429ce8f"},
-    {file = "pillow-11.3.0-cp310-cp310-win_arm64.whl", hash = "sha256:819931d25e57b513242859ce1876c58c59dc31587847bf74cfe06b2e0cb22d2f"},
-    {file = "pillow-11.3.0-cp311-cp311-macosx_10_10_x86_64.whl", hash = "sha256:1cd110edf822773368b396281a2293aeb91c90a2db00d78ea43e7e861631b722"},
-    {file = "pillow-11.3.0-cp311-cp311-macosx_11_0_arm64.whl", hash = "sha256:9c412fddd1b77a75aa904615ebaa6001f169b26fd467b4be93aded278266b288"},
-    {file = "pillow-11.3.0-cp311-cp311-manylinux2014_aarch64.manylinux_2_17_aarch64.whl", hash = "sha256:7d1aa4de119a0ecac0a34a9c8bde33f34022e2e8f99104e47a3ca392fd60e37d"},
-    {file = "pillow-11.3.0-cp311-cp311-manylinux2014_x86_64.manylinux_2_17_x86_64.whl", hash = "sha256:91da1d88226663594e3f6b4b8c3c8d85bd504117d043740a8e0ec449087cc494"},
-    {file = "pillow-11.3.0-cp311-cp311-manylinux_2_27_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:643f189248837533073c405ec2f0bb250ba54598cf80e8c1e043381a60632f58"},
-    {file = "pillow-11.3.0-cp311-cp311-manylinux_2_27_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:106064daa23a745510dabce1d84f29137a37224831d88eb4ce94bb187b1d7e5f"},
-    {file = "pillow-11.3.0-cp311-cp311-musllinux_1_2_aarch64.whl", hash = "sha256:cd8ff254faf15591e724dc7c4ddb6bf4793efcbe13802a4ae3e863cd300b493e"},
-    {file = "pillow-11.3.0-cp311-cp311-musllinux_1_2_x86_64.whl", hash = "sha256:932c754c2d51ad2b2271fd01c3d121daaa35e27efae2a616f77bf164bc0b3e94"},
-    {file = "pillow-11.3.0-cp311-cp311-win32.whl", hash = "sha256:b4b8f3efc8d530a1544e5962bd6b403d5f7fe8b9e08227c6b255f98ad82b4ba0"},
-    {file = "pillow-11.3.0-cp311-cp311-win_amd64.whl", hash = "sha256:1a992e86b0dd7aeb1f053cd506508c0999d710a8f07b4c791c63843fc6a807ac"},
-    {file = "pillow-11.3.0-cp311-cp311-win_arm64.whl", hash = "sha256:30807c931ff7c095620fe04448e2c2fc673fcbb1ffe2a7da3fb39613489b1ddd"},
-    {file = "pillow-11.3.0-cp312-cp312-macosx_10_13_x86_64.whl", hash = "sha256:fdae223722da47b024b867c1ea0be64e0df702c5e0a60e27daad39bf960dd1e4"},
-    {file = "pillow-11.3.0-cp312-cp312-macosx_11_0_arm64.whl", hash = "sha256:921bd305b10e82b4d1f5e802b6850677f965d8394203d182f078873851dada69"},
-    {file = "pillow-11.3.0-cp312-cp312-manylinux2014_aarch64.manylinux_2_17_aarch64.whl", hash = "sha256:eb76541cba2f958032d79d143b98a3a6b3ea87f0959bbe256c0b5e416599fd5d"},
-    {file = "pillow-11.3.0-cp312-cp312-manylinux2014_x86_64.manylinux_2_17_x86_64.whl", hash = "sha256:67172f2944ebba3d4a7b54f2e95c786a3a50c21b88456329314caaa28cda70f6"},
-    {file = "pillow-11.3.0-cp312-cp312-manylinux_2_27_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:97f07ed9f56a3b9b5f49d3661dc9607484e85c67e27f3e8be2c7d28ca032fec7"},
-    {file = "pillow-11.3.0-cp312-cp312-manylinux_2_27_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:676b2815362456b5b3216b4fd5bd89d362100dc6f4945154ff172e206a22c024"},
-    {file = "pillow-11.3.0-cp312-cp312-musllinux_1_2_aarch64.whl", hash = "sha256:3e184b2f26ff146363dd07bde8b711833d7b0202e27d13540bfe2e35a323a809"},
-    {file = "pillow-11.3.0-cp312-cp312-musllinux_1_2_x86_64.whl", hash = "sha256:6be31e3fc9a621e071bc17bb7de63b85cbe0bfae91bb0363c893cbe67247780d"},
-    {file = "pillow-11.3.0-cp312-cp312-win32.whl", hash = "sha256:7b161756381f0918e05e7cb8a371fff367e807770f8fe92ecb20d905d0e1c149"},
-    {file = "pillow-11.3.0-cp312-cp312-win_amd64.whl", hash = "sha256:a6444696fce635783440b7f7a9fc24b3ad10a9ea3f0ab66c5905be1c19ccf17d"},
-    {file = "pillow-11.3.0-cp312-cp312-win_arm64.whl", hash = "sha256:2aceea54f957dd4448264f9bf40875da0415c83eb85f55069d89c0ed436e3542"},
-    {file = "pillow-11.3.0-cp313-cp313-ios_13_0_arm64_iphoneos.whl", hash = "sha256:1c627742b539bba4309df89171356fcb3cc5a9178355b2727d1b74a6cf155fbd"},
-    {file = "pillow-11.3.0-cp313-cp313-ios_13_0_arm64_iphonesimulator.whl", hash = "sha256:30b7c02f3899d10f13d7a48163c8969e4e653f8b43416d23d13d1bbfdc93b9f8"},
-    {file = "pillow-11.3.0-cp313-cp313-ios_13_0_x86_64_iphonesimulator.whl", hash = "sha256:7859a4cc7c9295f5838015d8cc0a9c215b77e43d07a25e460f35cf516df8626f"},
-    {file = "pillow-11.3.0-cp313-cp313-macosx_10_13_x86_64.whl", hash = "sha256:ec1ee50470b0d050984394423d96325b744d55c701a439d2bd66089bff963d3c"},
-    {file = "pillow-11.3.0-cp313-cp313-macosx_11_0_arm64.whl", hash = "sha256:7db51d222548ccfd274e4572fdbf3e810a5e66b00608862f947b163e613b67dd"},
-    {file = "pillow-11.3.0-cp313-cp313-manylinux2014_aarch64.manylinux_2_17_aarch64.whl", hash = "sha256:2d6fcc902a24ac74495df63faad1884282239265c6839a0a6416d33faedfae7e"},
-    {file = "pillow-11.3.0-cp313-cp313-manylinux2014_x86_64.manylinux_2_17_x86_64.whl", hash = "sha256:f0f5d8f4a08090c6d6d578351a2b91acf519a54986c055af27e7a93feae6d3f1"},
-    {file = "pillow-11.3.0-cp313-cp313-manylinux_2_27_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:c37d8ba9411d6003bba9e518db0db0c58a680ab9fe5179f040b0463644bc9805"},
-    {file = "pillow-11.3.0-cp313-cp313-manylinux_2_27_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:13f87d581e71d9189ab21fe0efb5a23e9f28552d5be6979e84001d3b8505abe8"},
-    {file = "pillow-11.3.0-cp313-cp313-musllinux_1_2_aarch64.whl", hash = "sha256:023f6d2d11784a465f09fd09a34b150ea4672e85fb3d05931d89f373ab14abb2"},
-    {file = "pillow-11.3.0-cp313-cp313-musllinux_1_2_x86_64.whl", hash = "sha256:45dfc51ac5975b938e9809451c51734124e73b04d0f0ac621649821a63852e7b"},
-    {file = "pillow-11.3.0-cp313-cp313-win32.whl", hash = "sha256:a4d336baed65d50d37b88ca5b60c0fa9d81e3a87d4a7930d3880d1624d5b31f3"},
-    {file = "pillow-11.3.0-cp313-cp313-win_amd64.whl", hash = "sha256:0bce5c4fd0921f99d2e858dc4d4d64193407e1b99478bc5cacecba2311abde51"},
-    {file = "pillow-11.3.0-cp313-cp313-win_arm64.whl", hash = "sha256:1904e1264881f682f02b7f8167935cce37bc97db457f8e7849dc3a6a52b99580"},
-    {file = "pillow-11.3.0-cp313-cp313t-macosx_10_13_x86_64.whl", hash = "sha256:4c834a3921375c48ee6b9624061076bc0a32a60b5532b322cc0ea64e639dd50e"},
-    {file = "pillow-11.3.0-cp313-cp313t-macosx_11_0_arm64.whl", hash = "sha256:5e05688ccef30ea69b9317a9ead994b93975104a677a36a8ed8106be9260aa6d"},
-    {file = "pillow-11.3.0-cp313-cp313t-manylinux2014_aarch64.manylinux_2_17_aarch64.whl", hash = "sha256:1019b04af07fc0163e2810167918cb5add8d74674b6267616021ab558dc98ced"},
-    {file = "pillow-11.3.0-cp313-cp313t-manylinux2014_x86_64.manylinux_2_17_x86_64.whl", hash = "sha256:f944255db153ebb2b19c51fe85dd99ef0ce494123f21b9db4877ffdfc5590c7c"},
-    {file = "pillow-11.3.0-cp313-cp313t-manylinux_2_27_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:1f85acb69adf2aaee8b7da124efebbdb959a104db34d3a2cb0f3793dbae422a8"},
-    {file = "pillow-11.3.0-cp313-cp313t-manylinux_2_27_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:05f6ecbeff5005399bb48d198f098a9b4b6bdf27b8487c7f38ca16eeb070cd59"},
-    {file = "pillow-11.3.0-cp313-cp313t-musllinux_1_2_aarch64.whl", hash = "sha256:a7bc6e6fd0395bc052f16b1a8670859964dbd7003bd0af2ff08342eb6e442cfe"},
-    {file = "pillow-11.3.0-cp313-cp313t-musllinux_1_2_x86_64.whl", hash = "sha256:83e1b0161c9d148125083a35c1c5a89db5b7054834fd4387499e06552035236c"},
-    {file = "pillow-11.3.0-cp313-cp313t-win32.whl", hash = "sha256:2a3117c06b8fb646639dce83694f2f9eac405472713fcb1ae887469c0d4f6788"},
-    {file = "pillow-11.3.0-cp313-cp313t-win_amd64.whl", hash = "sha256:857844335c95bea93fb39e0fa2726b4d9d758850b34075a7e3ff4f4fa3aa3b31"},
-    {file = "pillow-11.3.0-cp313-cp313t-win_arm64.whl", hash = "sha256:8797edc41f3e8536ae4b10897ee2f637235c94f27404cac7297f7b607dd0716e"},
-    {file = "pillow-11.3.0-cp314-cp314-macosx_10_13_x86_64.whl", hash = "sha256:d9da3df5f9ea2a89b81bb6087177fb1f4d1c7146d583a3fe5c672c0d94e55e12"},
-    {file = "pillow-11.3.0-cp314-cp314-macosx_11_0_arm64.whl", hash = "sha256:0b275ff9b04df7b640c59ec5a3cb113eefd3795a8df80bac69646ef699c6981a"},
-    {file = "pillow-11.3.0-cp314-cp314-manylinux2014_aarch64.manylinux_2_17_aarch64.whl", hash = "sha256:0743841cabd3dba6a83f38a92672cccbd69af56e3e91777b0ee7f4dba4385632"},
-    {file = "pillow-11.3.0-cp314-cp314-manylinux2014_x86_64.manylinux_2_17_x86_64.whl", hash = "sha256:2465a69cf967b8b49ee1b96d76718cd98c4e925414ead59fdf75cf0fd07df673"},
-    {file = "pillow-11.3.0-cp314-cp314-manylinux_2_27_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:41742638139424703b4d01665b807c6468e23e699e8e90cffefe291c5832b027"},
-    {file = "pillow-11.3.0-cp314-cp314-manylinux_2_27_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:93efb0b4de7e340d99057415c749175e24c8864302369e05914682ba642e5d77"},
-    {file = "pillow-11.3.0-cp314-cp314-musllinux_1_2_aarch64.whl", hash = "sha256:7966e38dcd0fa11ca390aed7c6f20454443581d758242023cf36fcb319b1a874"},
-    {file = "pillow-11.3.0-cp314-cp314-musllinux_1_2_x86_64.whl", hash = "sha256:98a9afa7b9007c67ed84c57c9e0ad86a6000da96eaa638e4f8abe5b65ff83f0a"},
-    {file = "pillow-11.3.0-cp314-cp314-win32.whl", hash = "sha256:02a723e6bf909e7cea0dac1b0e0310be9d7650cd66222a5f1c571455c0a45214"},
-    {file = "pillow-11.3.0-cp314-cp314-win_amd64.whl", hash = "sha256:a418486160228f64dd9e9efcd132679b7a02a5f22c982c78b6fc7dab3fefb635"},
-    {file = "pillow-11.3.0-cp314-cp314-win_arm64.whl", hash = "sha256:155658efb5e044669c08896c0c44231c5e9abcaadbc5cd3648df2f7c0b96b9a6"},
-    {file = "pillow-11.3.0-cp314-cp314t-macosx_10_13_x86_64.whl", hash = "sha256:59a03cdf019efbfeeed910bf79c7c93255c3d54bc45898ac2a4140071b02b4ae"},
-    {file = "pillow-11.3.0-cp314-cp314t-macosx_11_0_arm64.whl", hash = "sha256:f8a5827f84d973d8636e9dc5764af4f0cf2318d26744b3d902931701b0d46653"},
-    {file = "pillow-11.3.0-cp314-cp314t-manylinux2014_aarch64.manylinux_2_17_aarch64.whl", hash = "sha256:ee92f2fd10f4adc4b43d07ec5e779932b4eb3dbfbc34790ada5a6669bc095aa6"},
-    {file = "pillow-11.3.0-cp314-cp314t-manylinux2014_x86_64.manylinux_2_17_x86_64.whl", hash = "sha256:c96d333dcf42d01f47b37e0979b6bd73ec91eae18614864622d9b87bbd5bbf36"},
-    {file = "pillow-11.3.0-cp314-cp314t-manylinux_2_27_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:4c96f993ab8c98460cd0c001447bff6194403e8b1d7e149ade5f00594918128b"},
-    {file = "pillow-11.3.0-cp314-cp314t-manylinux_2_27_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:41342b64afeba938edb034d122b2dda5db2139b9a4af999729ba8818e0056477"},
-    {file = "pillow-11.3.0-cp314-cp314t-musllinux_1_2_aarch64.whl", hash = "sha256:068d9c39a2d1b358eb9f245ce7ab1b5c3246c7c8c7d9ba58cfa5b43146c06e50"},
-    {file = "pillow-11.3.0-cp314-cp314t-musllinux_1_2_x86_64.whl", hash = "sha256:a1bc6ba083b145187f648b667e05a2534ecc4b9f2784c2cbe3089e44868f2b9b"},
-    {file = "pillow-11.3.0-cp314-cp314t-win32.whl", hash = "sha256:118ca10c0d60b06d006be10a501fd6bbdfef559251ed31b794668ed569c87e12"},
-    {file = "pillow-11.3.0-cp314-cp314t-win_amd64.whl", hash = "sha256:8924748b688aa210d79883357d102cd64690e56b923a186f35a82cbc10f997db"},
-    {file = "pillow-11.3.0-cp314-cp314t-win_arm64.whl", hash = "sha256:79ea0d14d3ebad43ec77ad5272e6ff9bba5b679ef73375ea760261207fa8e0aa"},
-    {file = "pillow-11.3.0-cp39-cp39-macosx_10_10_x86_64.whl", hash = "sha256:48d254f8a4c776de343051023eb61ffe818299eeac478da55227d96e241de53f"},
-    {file = "pillow-11.3.0-cp39-cp39-macosx_11_0_arm64.whl", hash = "sha256:7aee118e30a4cf54fdd873bd3a29de51e29105ab11f9aad8c32123f58c8f8081"},
-    {file = "pillow-11.3.0-cp39-cp39-manylinux2014_aarch64.manylinux_2_17_aarch64.whl", hash = "sha256:23cff760a9049c502721bdb743a7cb3e03365fafcdfc2ef9784610714166e5a4"},
-    {file = "pillow-11.3.0-cp39-cp39-manylinux2014_x86_64.manylinux_2_17_x86_64.whl", hash = "sha256:6359a3bc43f57d5b375d1ad54a0074318a0844d11b76abccf478c37c986d3cfc"},
-    {file = "pillow-11.3.0-cp39-cp39-manylinux_2_27_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:092c80c76635f5ecb10f3f83d76716165c96f5229addbd1ec2bdbbda7d496e06"},
-    {file = "pillow-11.3.0-cp39-cp39-manylinux_2_27_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:cadc9e0ea0a2431124cde7e1697106471fc4c1da01530e679b2391c37d3fbb3a"},
-    {file = "pillow-11.3.0-cp39-cp39-musllinux_1_2_aarch64.whl", hash = "sha256:6a418691000f2a418c9135a7cf0d797c1bb7d9a485e61fe8e7722845b95ef978"},
-    {file = "pillow-11.3.0-cp39-cp39-musllinux_1_2_x86_64.whl", hash = "sha256:97afb3a00b65cc0804d1c7abddbf090a81eaac02768af58cbdcaaa0a931e0b6d"},
-    {file = "pillow-11.3.0-cp39-cp39-win32.whl", hash = "sha256:ea944117a7974ae78059fcc1800e5d3295172bb97035c0c1d9345fca1419da71"},
-    {file = "pillow-11.3.0-cp39-cp39-win_amd64.whl", hash = "sha256:e5c5858ad8ec655450a7c7df532e9842cf8df7cc349df7225c60d5d348c8aada"},
-    {file = "pillow-11.3.0-cp39-cp39-win_arm64.whl", hash = "sha256:6abdbfd3aea42be05702a8dd98832329c167ee84400a1d1f61ab11437f1717eb"},
-    {file = "pillow-11.3.0-pp310-pypy310_pp73-macosx_10_15_x86_64.whl", hash = "sha256:3cee80663f29e3843b68199b9d6f4f54bd1d4a6b59bdd91bceefc51238bcb967"},
-    {file = "pillow-11.3.0-pp310-pypy310_pp73-macosx_11_0_arm64.whl", hash = "sha256:b5f56c3f344f2ccaf0dd875d3e180f631dc60a51b314295a3e681fe8cf851fbe"},
-    {file = "pillow-11.3.0-pp310-pypy310_pp73-manylinux2014_aarch64.manylinux_2_17_aarch64.whl", hash = "sha256:e67d793d180c9df62f1f40aee3accca4829d3794c95098887edc18af4b8b780c"},
-    {file = "pillow-11.3.0-pp310-pypy310_pp73-manylinux2014_x86_64.manylinux_2_17_x86_64.whl", hash = "sha256:d000f46e2917c705e9fb93a3606ee4a819d1e3aa7a9b442f6444f07e77cf5e25"},
-    {file = "pillow-11.3.0-pp310-pypy310_pp73-manylinux_2_27_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:527b37216b6ac3a12d7838dc3bd75208ec57c1c6d11ef01902266a5a0c14fc27"},
-    {file = "pillow-11.3.0-pp310-pypy310_pp73-manylinux_2_27_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:be5463ac478b623b9dd3937afd7fb7ab3d79dd290a28e2b6df292dc75063eb8a"},
-    {file = "pillow-11.3.0-pp310-pypy310_pp73-win_amd64.whl", hash = "sha256:8dc70ca24c110503e16918a658b869019126ecfe03109b754c402daff12b3d9f"},
-    {file = "pillow-11.3.0-pp311-pypy311_pp73-macosx_10_15_x86_64.whl", hash = "sha256:7c8ec7a017ad1bd562f93dbd8505763e688d388cde6e4a010ae1486916e713e6"},
-    {file = "pillow-11.3.0-pp311-pypy311_pp73-macosx_11_0_arm64.whl", hash = "sha256:9ab6ae226de48019caa8074894544af5b53a117ccb9d3b3dcb2871464c829438"},
-    {file = "pillow-11.3.0-pp311-pypy311_pp73-manylinux2014_aarch64.manylinux_2_17_aarch64.whl", hash = "sha256:fe27fb049cdcca11f11a7bfda64043c37b30e6b91f10cb5bab275806c32f6ab3"},
-    {file = "pillow-11.3.0-pp311-pypy311_pp73-manylinux2014_x86_64.manylinux_2_17_x86_64.whl", hash = "sha256:465b9e8844e3c3519a983d58b80be3f668e2a7a5db97f2784e7079fbc9f9822c"},
-    {file = "pillow-11.3.0-pp311-pypy311_pp73-manylinux_2_27_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:5418b53c0d59b3824d05e029669efa023bbef0f3e92e75ec8428f3799487f361"},
-    {file = "pillow-11.3.0-pp311-pypy311_pp73-manylinux_2_27_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:504b6f59505f08ae014f724b6207ff6222662aab5cc9542577fb084ed0676ac7"},
-    {file = "pillow-11.3.0-pp311-pypy311_pp73-win_amd64.whl", hash = "sha256:c84d689db21a1c397d001aa08241044aa2069e7587b398c8cc63020390b1c1b8"},
-    {file = "pillow-11.3.0.tar.gz", hash = "sha256:3828ee7586cd0b2091b6209e5ad53e20d0649bbe87164a459d0676e035e8f523"},
+    {file = "pillow-12.1.1-cp310-cp310-macosx_10_10_x86_64.whl", hash = "sha256:1f1625b72740fdda5d77b4def688eb8fd6490975d06b909fd19f13f391e077e0"},
+    {file = "pillow-12.1.1-cp310-cp310-macosx_11_0_arm64.whl", hash = "sha256:178aa072084bd88ec759052feca8e56cbb14a60b39322b99a049e58090479713"},
+    {file = "pillow-12.1.1-cp310-cp310-manylinux2014_aarch64.manylinux_2_17_aarch64.whl", hash = "sha256:b66e95d05ba806247aaa1561f080abc7975daf715c30780ff92a20e4ec546e1b"},
+    {file = "pillow-12.1.1-cp310-cp310-manylinux2014_x86_64.manylinux_2_17_x86_64.whl", hash = "sha256:89c7e895002bbe49cdc5426150377cbbc04767d7547ed145473f496dfa40408b"},
+    {file = "pillow-12.1.1-cp310-cp310-manylinux_2_27_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:3a5cbdcddad0af3da87cb16b60d23648bc3b51967eb07223e9fed77a82b457c4"},
+    {file = "pillow-12.1.1-cp310-cp310-manylinux_2_27_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:9f51079765661884a486727f0729d29054242f74b46186026582b4e4769918e4"},
+    {file = "pillow-12.1.1-cp310-cp310-musllinux_1_2_aarch64.whl", hash = "sha256:99c1506ea77c11531d75e3a412832a13a71c7ebc8192ab9e4b2e355555920e3e"},
+    {file = "pillow-12.1.1-cp310-cp310-musllinux_1_2_x86_64.whl", hash = "sha256:36341d06738a9f66c8287cf8b876d24b18db9bd8740fa0672c74e259ad408cff"},
+    {file = "pillow-12.1.1-cp310-cp310-win32.whl", hash = "sha256:6c52f062424c523d6c4db85518774cc3d50f5539dd6eed32b8f6229b26f24d40"},
+    {file = "pillow-12.1.1-cp310-cp310-win_amd64.whl", hash = "sha256:c6008de247150668a705a6338156efb92334113421ceecf7438a12c9a12dab23"},
+    {file = "pillow-12.1.1-cp310-cp310-win_arm64.whl", hash = "sha256:1a9b0ee305220b392e1124a764ee4265bd063e54a751a6b62eff69992f457fa9"},
+    {file = "pillow-12.1.1-cp311-cp311-macosx_10_10_x86_64.whl", hash = "sha256:e879bb6cd5c73848ef3b2b48b8af9ff08c5b71ecda8048b7dd22d8a33f60be32"},
+    {file = "pillow-12.1.1-cp311-cp311-macosx_11_0_arm64.whl", hash = "sha256:365b10bb9417dd4498c0e3b128018c4a624dc11c7b97d8cc54effe3b096f4c38"},
+    {file = "pillow-12.1.1-cp311-cp311-manylinux2014_aarch64.manylinux_2_17_aarch64.whl", hash = "sha256:d4ce8e329c93845720cd2014659ca67eac35f6433fd3050393d85f3ecef0dad5"},
+    {file = "pillow-12.1.1-cp311-cp311-manylinux2014_x86_64.manylinux_2_17_x86_64.whl", hash = "sha256:fc354a04072b765eccf2204f588a7a532c9511e8b9c7f900e1b64e3e33487090"},
+    {file = "pillow-12.1.1-cp311-cp311-manylinux_2_27_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:7e7976bf1910a8116b523b9f9f58bf410f3e8aa330cd9a2bb2953f9266ab49af"},
+    {file = "pillow-12.1.1-cp311-cp311-manylinux_2_27_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:597bd9c8419bc7c6af5604e55847789b69123bbe25d65cc6ad3012b4f3c98d8b"},
+    {file = "pillow-12.1.1-cp311-cp311-musllinux_1_2_aarch64.whl", hash = "sha256:2c1fc0f2ca5f96a3c8407e41cca26a16e46b21060fe6d5b099d2cb01412222f5"},
+    {file = "pillow-12.1.1-cp311-cp311-musllinux_1_2_x86_64.whl", hash = "sha256:578510d88c6229d735855e1f278aa305270438d36a05031dfaae5067cc8eb04d"},
+    {file = "pillow-12.1.1-cp311-cp311-win32.whl", hash = "sha256:7311c0a0dcadb89b36b7025dfd8326ecfa36964e29913074d47382706e516a7c"},
+    {file = "pillow-12.1.1-cp311-cp311-win_amd64.whl", hash = "sha256:fbfa2a7c10cc2623f412753cddf391c7f971c52ca40a3f65dc5039b2939e8563"},
+    {file = "pillow-12.1.1-cp311-cp311-win_arm64.whl", hash = "sha256:b81b5e3511211631b3f672a595e3221252c90af017e399056d0faabb9538aa80"},
+    {file = "pillow-12.1.1-cp312-cp312-macosx_10_13_x86_64.whl", hash = "sha256:ab323b787d6e18b3d91a72fc99b1a2c28651e4358749842b8f8dfacd28ef2052"},
+    {file = "pillow-12.1.1-cp312-cp312-macosx_11_0_arm64.whl", hash = "sha256:adebb5bee0f0af4909c30db0d890c773d1a92ffe83da908e2e9e720f8edf3984"},
+    {file = "pillow-12.1.1-cp312-cp312-manylinux2014_aarch64.manylinux_2_17_aarch64.whl", hash = "sha256:bb66b7cc26f50977108790e2456b7921e773f23db5630261102233eb355a3b79"},
+    {file = "pillow-12.1.1-cp312-cp312-manylinux2014_x86_64.manylinux_2_17_x86_64.whl", hash = "sha256:aee2810642b2898bb187ced9b349e95d2a7272930796e022efaf12e99dccd293"},
+    {file = "pillow-12.1.1-cp312-cp312-manylinux_2_27_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:a0b1cd6232e2b618adcc54d9882e4e662a089d5768cd188f7c245b4c8c44a397"},
+    {file = "pillow-12.1.1-cp312-cp312-manylinux_2_27_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:7aac39bcf8d4770d089588a2e1dd111cbaa42df5a94be3114222057d68336bd0"},
+    {file = "pillow-12.1.1-cp312-cp312-musllinux_1_2_aarch64.whl", hash = "sha256:ab174cd7d29a62dd139c44bf74b698039328f45cb03b4596c43473a46656b2f3"},
+    {file = "pillow-12.1.1-cp312-cp312-musllinux_1_2_x86_64.whl", hash = "sha256:339ffdcb7cbeaa08221cd401d517d4b1fe7a9ed5d400e4a8039719238620ca35"},
+    {file = "pillow-12.1.1-cp312-cp312-win32.whl", hash = "sha256:5d1f9575a12bed9e9eedd9a4972834b08c97a352bd17955ccdebfeca5913fa0a"},
+    {file = "pillow-12.1.1-cp312-cp312-win_amd64.whl", hash = "sha256:21329ec8c96c6e979cd0dfd29406c40c1d52521a90544463057d2aaa937d66a6"},
+    {file = "pillow-12.1.1-cp312-cp312-win_arm64.whl", hash = "sha256:af9a332e572978f0218686636610555ae3defd1633597be015ed50289a03c523"},
+    {file = "pillow-12.1.1-cp313-cp313-ios_13_0_arm64_iphoneos.whl", hash = "sha256:d242e8ac078781f1de88bf823d70c1a9b3c7950a44cdf4b7c012e22ccbcd8e4e"},
+    {file = "pillow-12.1.1-cp313-cp313-ios_13_0_arm64_iphonesimulator.whl", hash = "sha256:02f84dfad02693676692746df05b89cf25597560db2857363a208e393429f5e9"},
+    {file = "pillow-12.1.1-cp313-cp313-ios_13_0_x86_64_iphonesimulator.whl", hash = "sha256:e65498daf4b583091ccbb2556c7000abf0f3349fcd57ef7adc9a84a394ed29f6"},
+    {file = "pillow-12.1.1-cp313-cp313-macosx_10_13_x86_64.whl", hash = "sha256:6c6db3b84c87d48d0088943bf33440e0c42370b99b1c2a7989216f7b42eede60"},
+    {file = "pillow-12.1.1-cp313-cp313-macosx_11_0_arm64.whl", hash = "sha256:8b7e5304e34942bf62e15184219a7b5ad4ff7f3bb5cca4d984f37df1a0e1aee2"},
+    {file = "pillow-12.1.1-cp313-cp313-manylinux2014_aarch64.manylinux_2_17_aarch64.whl", hash = "sha256:18e5bddd742a44b7e6b1e773ab5db102bd7a94c32555ba656e76d319d19c3850"},
+    {file = "pillow-12.1.1-cp313-cp313-manylinux2014_x86_64.manylinux_2_17_x86_64.whl", hash = "sha256:fc44ef1f3de4f45b50ccf9136999d71abb99dca7706bc75d222ed350b9fd2289"},
+    {file = "pillow-12.1.1-cp313-cp313-manylinux_2_27_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:5a8eb7ed8d4198bccbd07058416eeec51686b498e784eda166395a23eb99138e"},
+    {file = "pillow-12.1.1-cp313-cp313-manylinux_2_27_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:47b94983da0c642de92ced1702c5b6c292a84bd3a8e1d1702ff923f183594717"},
+    {file = "pillow-12.1.1-cp313-cp313-musllinux_1_2_aarch64.whl", hash = "sha256:518a48c2aab7ce596d3bf79d0e275661b846e86e4d0e7dec34712c30fe07f02a"},
+    {file = "pillow-12.1.1-cp313-cp313-musllinux_1_2_x86_64.whl", hash = "sha256:a550ae29b95c6dc13cf69e2c9dc5747f814c54eeb2e32d683e5e93af56caa029"},
+    {file = "pillow-12.1.1-cp313-cp313-win32.whl", hash = "sha256:a003d7422449f6d1e3a34e3dd4110c22148336918ddbfc6a32581cd54b2e0b2b"},
+    {file = "pillow-12.1.1-cp313-cp313-win_amd64.whl", hash = "sha256:344cf1e3dab3be4b1fa08e449323d98a2a3f819ad20f4b22e77a0ede31f0faa1"},
+    {file = "pillow-12.1.1-cp313-cp313-win_arm64.whl", hash = "sha256:5c0dd1636633e7e6a0afe7bf6a51a14992b7f8e60de5789018ebbdfae55b040a"},
+    {file = "pillow-12.1.1-cp313-cp313t-macosx_10_13_x86_64.whl", hash = "sha256:0330d233c1a0ead844fc097a7d16c0abff4c12e856c0b325f231820fee1f39da"},
+    {file = "pillow-12.1.1-cp313-cp313t-macosx_11_0_arm64.whl", hash = "sha256:5dae5f21afb91322f2ff791895ddd8889e5e947ff59f71b46041c8ce6db790bc"},
+    {file = "pillow-12.1.1-cp313-cp313t-manylinux2014_aarch64.manylinux_2_17_aarch64.whl", hash = "sha256:2e0c664be47252947d870ac0d327fea7e63985a08794758aa8af5b6cb6ec0c9c"},
+    {file = "pillow-12.1.1-cp313-cp313t-manylinux2014_x86_64.manylinux_2_17_x86_64.whl", hash = "sha256:691ab2ac363b8217f7d31b3497108fb1f50faab2f75dfb03284ec2f217e87bf8"},
+    {file = "pillow-12.1.1-cp313-cp313t-manylinux_2_27_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:e9e8064fb1cc019296958595f6db671fba95209e3ceb0c4734c9baf97de04b20"},
+    {file = "pillow-12.1.1-cp313-cp313t-manylinux_2_27_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:472a8d7ded663e6162dafdf20015c486a7009483ca671cece7a9279b512fcb13"},
+    {file = "pillow-12.1.1-cp313-cp313t-musllinux_1_2_aarch64.whl", hash = "sha256:89b54027a766529136a06cfebeecb3a04900397a3590fd252160b888479517bf"},
+    {file = "pillow-12.1.1-cp313-cp313t-musllinux_1_2_x86_64.whl", hash = "sha256:86172b0831b82ce4f7877f280055892b31179e1576aa00d0df3bb1bbf8c3e524"},
+    {file = "pillow-12.1.1-cp313-cp313t-win32.whl", hash = "sha256:44ce27545b6efcf0fdbdceb31c9a5bdea9333e664cda58a7e674bb74608b3986"},
+    {file = "pillow-12.1.1-cp313-cp313t-win_amd64.whl", hash = "sha256:a285e3eb7a5a45a2ff504e31f4a8d1b12ef62e84e5411c6804a42197c1cf586c"},
+    {file = "pillow-12.1.1-cp313-cp313t-win_arm64.whl", hash = "sha256:cc7d296b5ea4d29e6570dabeaed58d31c3fea35a633a69679fb03d7664f43fb3"},
+    {file = "pillow-12.1.1-cp314-cp314-ios_13_0_arm64_iphoneos.whl", hash = "sha256:417423db963cb4be8bac3fc1204fe61610f6abeed1580a7a2cbb2fbda20f12af"},
+    {file = "pillow-12.1.1-cp314-cp314-ios_13_0_arm64_iphonesimulator.whl", hash = "sha256:b957b71c6b2387610f556a7eb0828afbe40b4a98036fc0d2acfa5a44a0c2036f"},
+    {file = "pillow-12.1.1-cp314-cp314-ios_13_0_x86_64_iphonesimulator.whl", hash = "sha256:097690ba1f2efdeb165a20469d59d8bb03c55fb6621eb2041a060ae8ea3e9642"},
+    {file = "pillow-12.1.1-cp314-cp314-macosx_10_15_x86_64.whl", hash = "sha256:2815a87ab27848db0321fb78c7f0b2c8649dee134b7f2b80c6a45c6831d75ccd"},
+    {file = "pillow-12.1.1-cp314-cp314-macosx_11_0_arm64.whl", hash = "sha256:f7ed2c6543bad5a7d5530eb9e78c53132f93dfa44a28492db88b41cdab885202"},
+    {file = "pillow-12.1.1-cp314-cp314-manylinux2014_aarch64.manylinux_2_17_aarch64.whl", hash = "sha256:652a2c9ccfb556235b2b501a3a7cf3742148cd22e04b5625c5fe057ea3e3191f"},
+    {file = "pillow-12.1.1-cp314-cp314-manylinux2014_x86_64.manylinux_2_17_x86_64.whl", hash = "sha256:d6e4571eedf43af33d0fc233a382a76e849badbccdf1ac438841308652a08e1f"},
+    {file = "pillow-12.1.1-cp314-cp314-manylinux_2_27_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:b574c51cf7d5d62e9be37ba446224b59a2da26dc4c1bb2ecbe936a4fb1a7cb7f"},
+    {file = "pillow-12.1.1-cp314-cp314-manylinux_2_27_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:a37691702ed687799de29a518d63d4682d9016932db66d4e90c345831b02fb4e"},
+    {file = "pillow-12.1.1-cp314-cp314-musllinux_1_2_aarch64.whl", hash = "sha256:f95c00d5d6700b2b890479664a06e754974848afaae5e21beb4d83c106923fd0"},
+    {file = "pillow-12.1.1-cp314-cp314-musllinux_1_2_x86_64.whl", hash = "sha256:559b38da23606e68681337ad74622c4dbba02254fc9cb4488a305dd5975c7eeb"},
+    {file = "pillow-12.1.1-cp314-cp314-win32.whl", hash = "sha256:03edcc34d688572014ff223c125a3f77fb08091e4607e7745002fc214070b35f"},
+    {file = "pillow-12.1.1-cp314-cp314-win_amd64.whl", hash = "sha256:50480dcd74fa63b8e78235957d302d98d98d82ccbfac4c7e12108ba9ecbdba15"},
+    {file = "pillow-12.1.1-cp314-cp314-win_arm64.whl", hash = "sha256:5cb1785d97b0c3d1d1a16bc1d710c4a0049daefc4935f3a8f31f827f4d3d2e7f"},
+    {file = "pillow-12.1.1-cp314-cp314t-macosx_10_15_x86_64.whl", hash = "sha256:1f90cff8aa76835cba5769f0b3121a22bd4eb9e6884cfe338216e557a9a548b8"},
+    {file = "pillow-12.1.1-cp314-cp314t-macosx_11_0_arm64.whl", hash = "sha256:1f1be78ce9466a7ee64bfda57bdba0f7cc499d9794d518b854816c41bf0aa4e9"},
+    {file = "pillow-12.1.1-cp314-cp314t-manylinux2014_aarch64.manylinux_2_17_aarch64.whl", hash = "sha256:42fc1f4677106188ad9a55562bbade416f8b55456f522430fadab3cef7cd4e60"},
+    {file = "pillow-12.1.1-cp314-cp314t-manylinux2014_x86_64.manylinux_2_17_x86_64.whl", hash = "sha256:98edb152429ab62a1818039744d8fbb3ccab98a7c29fc3d5fcef158f3f1f68b7"},
+    {file = "pillow-12.1.1-cp314-cp314t-manylinux_2_27_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:d470ab1178551dd17fdba0fef463359c41aaa613cdcd7ff8373f54be629f9f8f"},
+    {file = "pillow-12.1.1-cp314-cp314t-manylinux_2_27_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:6408a7b064595afcab0a49393a413732a35788f2a5092fdc6266952ed67de586"},
+    {file = "pillow-12.1.1-cp314-cp314t-musllinux_1_2_aarch64.whl", hash = "sha256:5d8c41325b382c07799a3682c1c258469ea2ff97103c53717b7893862d0c98ce"},
+    {file = "pillow-12.1.1-cp314-cp314t-musllinux_1_2_x86_64.whl", hash = "sha256:c7697918b5be27424e9ce568193efd13d925c4481dd364e43f5dff72d33e10f8"},
+    {file = "pillow-12.1.1-cp314-cp314t-win32.whl", hash = "sha256:d2912fd8114fc5545aa3a4b5576512f64c55a03f3ebcca4c10194d593d43ea36"},
+    {file = "pillow-12.1.1-cp314-cp314t-win_amd64.whl", hash = "sha256:4ceb838d4bd9dab43e06c363cab2eebf63846d6a4aeaea283bbdfd8f1a8ed58b"},
+    {file = "pillow-12.1.1-cp314-cp314t-win_arm64.whl", hash = "sha256:7b03048319bfc6170e93bd60728a1af51d3dd7704935feb228c4d4faab35d334"},
+    {file = "pillow-12.1.1-pp311-pypy311_pp73-macosx_10_15_x86_64.whl", hash = "sha256:600fd103672b925fe62ed08e0d874ea34d692474df6f4bf7ebe148b30f89f39f"},
+    {file = "pillow-12.1.1-pp311-pypy311_pp73-macosx_11_0_arm64.whl", hash = "sha256:665e1b916b043cef294bc54d47bf02d87e13f769bc4bc5fa225a24b3a6c5aca9"},
+    {file = "pillow-12.1.1-pp311-pypy311_pp73-manylinux2014_aarch64.manylinux_2_17_aarch64.whl", hash = "sha256:495c302af3aad1ca67420ddd5c7bd480c8867ad173528767d906428057a11f0e"},
+    {file = "pillow-12.1.1-pp311-pypy311_pp73-manylinux2014_x86_64.manylinux_2_17_x86_64.whl", hash = "sha256:8fd420ef0c52c88b5a035a0886f367748c72147b2b8f384c9d12656678dfdfa9"},
+    {file = "pillow-12.1.1-pp311-pypy311_pp73-manylinux_2_27_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:f975aa7ef9684ce7e2c18a3aa8f8e2106ce1e46b94ab713d156b2898811651d3"},
+    {file = "pillow-12.1.1-pp311-pypy311_pp73-manylinux_2_27_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:8089c852a56c2966cf18835db62d9b34fef7ba74c726ad943928d494fa7f4735"},
+    {file = "pillow-12.1.1-pp311-pypy311_pp73-win_amd64.whl", hash = "sha256:cb9bb857b2d057c6dfc72ac5f3b44836924ba15721882ef103cecb40d002d80e"},
+    {file = "pillow-12.1.1.tar.gz", hash = "sha256:9ad8fa5937ab05218e2b6a4cff30295ad35afd2f83ac592e68c0d871bb0fdbc4"},
 ]
 
 [package.extras]
 docs = ["furo", "olefile", "sphinx (>=8.2)", "sphinx-autobuild", "sphinx-copybutton", "sphinx-inline-tabs", "sphinxext-opengraph"]
 fpx = ["olefile"]
 mic = ["olefile"]
-test-arrow = ["pyarrow"]
-tests = ["check-manifest", "coverage (>=7.4.2)", "defusedxml", "markdown2", "olefile", "packaging", "pyroma", "pytest", "pytest-cov", "pytest-timeout", "pytest-xdist", "trove-classifiers (>=2024.10.12)"]
-typing = ["typing-extensions ; python_version < \"3.10\""]
+test-arrow = ["arro3-compute", "arro3-core", "nanoarrow", "pyarrow"]
+tests = ["check-manifest", "coverage (>=7.4.2)", "defusedxml", "markdown2", "olefile", "packaging", "pyroma (>=5)", "pytest", "pytest-cov", "pytest-timeout", "pytest-xdist", "trove-classifiers (>=2024.10.12)"]
 xmp = ["defusedxml"]
 
 [[package]]
@@ -1409,4 +1393,4 @@ zstd = ["backports-zstd (>=1.0.0) ; python_version < \"3.14\""]
 [metadata]
 lock-version = "2.1"
 python-versions = "3.11.2"
-content-hash = "70cd0cb35d37937fe985f6ae774d255b0feedd8a37aef20d35e5f2b5a3e2a847"
+content-hash = "e4f3f45d0679a22c5fd8a9bbcebb6d2f889cafd2f604f7171a13112566d7aa55"
diff --git a/backend/pyproject.toml b/backend/pyproject.toml
index eb569e73d..299c874ea 100644
--- a/backend/pyproject.toml
+++ b/backend/pyproject.toml
@@ -150,7 +150,7 @@ djangorestframework = "3.*"
 django-cors-headers = "4.*"
 dataclasses-json = "0.*"
 django-guardian = "2.*"
-pillow = "11.*"
+pillow = "12.*"
 gunicorn = "23.*"
 django-admin-autocomplete-filter = "0.*"
 psycopg = { extras = ["c"], version = "*" }
@@ -160,7 +160,7 @@ psycopg = { extras = ["c"], version = "*" }
 mypy = "1.*"
 ruff = "0.*"
 bandit = "1.*"
-pillow = "11.*"
+pillow = "12.*"
 debugpy = "1.*"
 requests = "2.*"
 pytest = "8.*"

From b1248b9eeef32ce21f8142d5acda3165adb6348a Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Wed, 11 Feb 2026 21:08:27 +0100
Subject: [PATCH 12/79] Bump i18next from 24.2.3 to 25.8.0 in /frontend (#2048)

Bumps [i18next](https://github.com/i18next/i18next) from 24.2.3 to 25.8.0.
- [Release notes](https://github.com/i18next/i18next/releases)
- [Changelog](https://github.com/i18next/i18next/blob/master/CHANGELOG.md)
- [Commits](https://github.com/i18next/i18next/compare/v24.2.3...v25.8.0)

---
updated-dependencies:
- dependency-name: i18next
  dependency-version: 25.8.0
  dependency-type: direct:production
  update-type: version-update:semver-major
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
---
 frontend/package.json |  2 +-
 frontend/yarn.lock    | 21 ++++++++++++++-------
 2 files changed, 15 insertions(+), 8 deletions(-)

diff --git a/frontend/package.json b/frontend/package.json
index c0e8d4671..326827e1e 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -52,7 +52,7 @@
     "cmdk": "^1.1.1",
     "cypress-fail-on-console-error": "^5.0.1",
     "date-fns": "^2.30.0",
-    "i18next": "^24.2.3",
+    "i18next": "^25.8.5",
     "i18next-browser-languagedetector": "^8.0.4",
     "path": "^0.12.7",
     "path-to-regexp": "^8.0.0",
diff --git a/frontend/yarn.lock b/frontend/yarn.lock
index 6ca5a3a72..6ae297a80 100644
--- a/frontend/yarn.lock
+++ b/frontend/yarn.lock
@@ -207,7 +207,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/runtime@npm:^7.12.5, @babel/runtime@npm:^7.17.8, @babel/runtime@npm:^7.21.0, @babel/runtime@npm:^7.22.5, @babel/runtime@npm:^7.23.2, @babel/runtime@npm:^7.26.10":
+"@babel/runtime@npm:^7.12.5, @babel/runtime@npm:^7.17.8, @babel/runtime@npm:^7.21.0, @babel/runtime@npm:^7.22.5, @babel/runtime@npm:^7.23.2":
   version: 7.26.10
   resolution: "@babel/runtime@npm:7.26.10"
   dependencies:
@@ -216,6 +216,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/runtime@npm:^7.28.4":
+  version: 7.28.6
+  resolution: "@babel/runtime@npm:7.28.6"
+  checksum: 10c0/358cf2429992ac1c466df1a21c1601d595c46930a13c1d4662fde908d44ee78ec3c183aaff513ecb01ef8c55c3624afe0309eeeb34715672dbfadb7feedb2c0d
+  languageName: node
+  linkType: hard
+
 "@babel/template@npm:^7.26.9":
   version: 7.26.9
   resolution: "@babel/template@npm:7.26.9"
@@ -4617,7 +4624,7 @@ __metadata:
     cypress-fail-on-console-error: "npm:^5.0.1"
     cypress-vite: "npm:^1.4.2"
     date-fns: "npm:^2.30.0"
-    i18next: "npm:^24.2.3"
+    i18next: "npm:^25.8.5"
     i18next-browser-languagedetector: "npm:^8.0.4"
     path: "npm:^0.12.7"
     path-to-regexp: "npm:^8.0.0"
@@ -5066,17 +5073,17 @@ __metadata:
   languageName: node
   linkType: hard
 
-"i18next@npm:^24.2.3":
-  version: 24.2.3
-  resolution: "i18next@npm:24.2.3"
+"i18next@npm:^25.8.5":
+  version: 25.8.5
+  resolution: "i18next@npm:25.8.5"
   dependencies:
-    "@babel/runtime": "npm:^7.26.10"
+    "@babel/runtime": "npm:^7.28.4"
   peerDependencies:
     typescript: ^5
   peerDependenciesMeta:
     typescript:
       optional: true
-  checksum: 10c0/7ac11a67d618ec714beef303aa497c1249bf5f1977dd3ebe9ca2673dfa6cadbba9e2d39ec1337688903ae3866ce9c1bc22cd6b265e66cce54c5db3a9bbedd390
+  checksum: 10c0/6f4e52bcfd667715be60bdf93f5e7ae5ef37c3be328b26680ac8edb5477a8ef443dc4fb349d11556e607a47674de049ea72c50fbddd870c7ad2c7c6fa0172728
   languageName: node
   linkType: hard
 

From 8e0809e3ae90f2eab4e6b74cd119ad071b8d142e Mon Sep 17 00:00:00 2001
From: BragonSB <brage.sebastian.brevik@gmail.com>
Date: Thu, 12 Feb 2026 19:15:16 +0100
Subject: [PATCH 13/79] docs: add contribution (brage)

---
 frontend/src/Pages/ContributorsPage/ContributorsPage.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/frontend/src/Pages/ContributorsPage/ContributorsPage.tsx b/frontend/src/Pages/ContributorsPage/ContributorsPage.tsx
index 3dbaeb49a..666b3ce1b 100644
--- a/frontend/src/Pages/ContributorsPage/ContributorsPage.tsx
+++ b/frontend/src/Pages/ContributorsPage/ContributorsPage.tsx
@@ -54,6 +54,8 @@ const CONTRIBUTORS: Contributor[] = [
   // H25
   { name: 'Sten Oskar Halse', github: 'StenOskar', from: 'H25' },
   { name: 'Tor Madsen', github: 'madt2', from: 'H25' },
+  // V26
+  { name: 'Brage Sebastian Brevik', github: 'BragonSB', from: 'V26'},
 ];
 // @formatter:on
 

From d48213288b9d573cfdb2db12ecadc987e81ff3cd Mon Sep 17 00:00:00 2001
From: Eilif Hjermann Lindblad <eilifhl@stud.ntnu.no>
Date: Thu, 12 Feb 2026 23:04:25 +0100
Subject: [PATCH 14/79] Alternative Login Picker (#2058)

* Implement alternative login picker

* Linter

* Add backlink

* Use arrow icon instead of plain css (for readability)

* Use color constants

* Center select dot

* Use button to pass biome

* Add caption "innlogging for interne"

* Change hint text

* Rephrase samf3 hint

* STYLEEEELIIIINT!!!!!!!! GRRRRRR

* Add boxes for easier mobile use

* biome

* Add samf colors to boxes

* Add darkmode support

* change heading color

* Increase circle size, justify fortsett right

* Change bg color of selected

* Remove transition

* Create breadcrumbs for new-login

* Remove form, add buttons, add arrows

* Biome

* Adjust font weights

* Use anchor tag

* Add nav

* Change underline of visited link, color of hover

* Shorten titles (remove "logg inn")
---
 frontend/src/Pages/LoginPage/LoginPage.tsx    |   5 +-
 .../LoginPickerPage.module.scss               | 181 +++++++++++++-----
 .../Pages/LoginPickerPage/LoginPickerPage.tsx |  50 +++--
 frontend/src/router/router.tsx                |  10 +-
 4 files changed, 176 insertions(+), 70 deletions(-)

diff --git a/frontend/src/Pages/LoginPage/LoginPage.tsx b/frontend/src/Pages/LoginPage/LoginPage.tsx
index 68bf8f10f..23239a969 100644
--- a/frontend/src/Pages/LoginPage/LoginPage.tsx
+++ b/frontend/src/Pages/LoginPage/LoginPage.tsx
@@ -1,7 +1,7 @@
 import { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Link, useLocation } from 'react-router';
-import { Page } from '~/Components';
+import { Breadcrumb, Page } from '~/Components';
 import { SamfForm } from '~/Forms/SamfForm';
 import { SamfFormField } from '~/Forms/SamfFormField';
 import { getUser, login } from '~/api';
@@ -57,6 +57,9 @@ export function LoginPage() {
     <Page>
       <div className={styles.login_container}>
         <div className={styles.content_container}>
+          <div style={{ paddingBottom: '1rem' }}>
+            <Breadcrumb />
+          </div>
           <SamfForm onSubmit={handleLogin} isDisabled={submitting} submitText={t(KEY.common_login) ?? ''}>
             <h1 className={styles.header_text}>{t(KEY.loginpage_internal_login)}</h1>
             <SamfFormField<string, FormProps>
diff --git a/frontend/src/Pages/LoginPickerPage/LoginPickerPage.module.scss b/frontend/src/Pages/LoginPickerPage/LoginPickerPage.module.scss
index a852bd119..e9da59589 100644
--- a/frontend/src/Pages/LoginPickerPage/LoginPickerPage.module.scss
+++ b/frontend/src/Pages/LoginPickerPage/LoginPickerPage.module.scss
@@ -1,81 +1,168 @@
+@use 'sass:color';
+
 @use 'src/constants' as *;
 
 @use 'src/mixins' as *;
 
 .container {
-  min-height: 100%;
+  max-width: 960px;
+  margin: 0 auto;
+  padding: 2rem 1rem;
+}
+
+.formWrapper {
+  max-width: 640px;
   display: flex;
   flex-direction: column;
-  align-items: center;
-  padding: 2rem 1rem;
 }
 
-.header {
-  text-align: center;
-  margin-bottom: 2rem;
+.caption {
+  display: block;
+  font-size: 1.25rem;
+  color: $grey-1;
+  margin-bottom: 5px;
+  font-weight: 400;
+
+  @include theme-dark {
+    color: $grey-3;
+  }
 }
 
 .headerTitle {
-  font-size: 2rem;
-  margin: 0 0 .25rem 0;
-}
+  color: $black-1;
+  font-size: 3rem;
+  font-weight: 700;
+  margin-top: 0;
+  margin-bottom: 30px;
+  line-height: 1.1;
 
-.headerSubtitle {
-  font-size: 1.25rem;
-  opacity: 0.9;
-  margin: 0;
+  @include theme-dark {
+    color: $white;
+  }
 }
 
 .picker {
   display: flex;
-  justify-content: center;
-  align-items: flex-start;
-  gap: 3rem;
-  flex-wrap: wrap;
+  flex-direction: column;
+  margin-bottom: 30px;
 }
 
 .choiceWrapper {
+  position: relative;
   display: flex;
-  flex-direction: column;
   align-items: center;
-  width: 280px;
-  text-align: center;
-  min-height: 200px;
   justify-content: space-between;
+  width: 100%;
+  padding: 22px 30px;
+  border: 2px solid $grey-35;
+  background-color: $white;
+  cursor: pointer;
+  margin-bottom: 15px;
+  text-align: left;
+  font-family: inherit;
+  text-decoration: none;
+
+  @include theme-dark {
+    background-color: $theme_dark_input_bg;
+    border-color: $grey-1;
+  }
+
+  &:link,
+  &:visited {
+    color: inherit;
+  }
+
+  @include theme-dark {
+    color: $white;
+  }
+
+  &:hover {
+    border-color: $red_samf_hover;
+    background-color: $grey-5;
+
+    @include theme-dark {
+      background-color: $black-2;
+      border-color: $red_samf;
+    }
+  }
 }
 
-.description {
-  margin-bottom: 1rem;
-  line-height: 1.4;
-  min-height: 3.5rem;
+.textWrapper {
   display: flex;
-  align-items: center;
-  justify-content: center;
+  flex-direction: column;
 }
 
-.choice {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  text-decoration: none;
-  font-weight: 700;
+.radioLabel {
+  display: block;
+  color: $black-1;
   font-size: 1.5rem;
-  padding: 1rem;
-  border-radius: 6px;
-  background: $red-samf;
-  color: $white;
-  box-shadow: 0 1px 2px rgba(0,0,0,.08);
-  min-height: 100px;
-  transition: transform .05s ease, filter .15s ease, box-shadow .15s ease;
-
-  &:hover { filter: brightness(0.96); }
-  &:active { transform: translateY(1px); }
-  &:focus-visible {
-    outline: 3px solid rgba(0,0,0,.4);
-    outline-offset: 3px;
+  font-weight: 600;
+  cursor: pointer;
+  margin-bottom: 4px;
+
+  @include theme-dark {
+    color: $white;
   }
 }
 
-.choiceTitle {
+.description {
+  color: $grey-1;
+  font-size: 1.1rem;
+  font-weight: 300;
   margin: 0;
+  line-height: 1.5;
+
+  @include theme-dark {
+    color: $grey-3;
+  }
+}
+
+.arrowIcon {
+  font-size: 2.5rem;
+  color: $black-1;
+  margin-left: 20px;
+  flex-shrink: 0;
+
+  @include theme-dark {
+    color: $white;
+  }
+}
+
+.backLink {
+  background: none;
+  border: none;
+  padding: 0;
+  font: inherit;
+  cursor: pointer;
+  display: inline-flex;
+  align-items: center;
+  margin-top: 15px;
+  margin-bottom: 25px;
+  color: $black-1;
+  text-decoration: underline;
+  text-underline-offset: 3px;
+
+  @include theme-dark {
+    color: $theme_dark_color;
+  }
+
+  &:hover {
+    color: $grey-1;
+    text-decoration-thickness: 2px;
+
+    @include theme-dark {
+      color: $white;
+    }
+  }
+
+  &:focus-visible {
+    outline: 3px solid $orange-light;
+    outline-offset: 2px;
+  }
+}
+
+.backIcon {
+  margin-right: 4px;
+  font-size: 1.2rem;
+  text-decoration: none;
 }
diff --git a/frontend/src/Pages/LoginPickerPage/LoginPickerPage.tsx b/frontend/src/Pages/LoginPickerPage/LoginPickerPage.tsx
index 82d2557b2..3fbb1ff10 100644
--- a/frontend/src/Pages/LoginPickerPage/LoginPickerPage.tsx
+++ b/frontend/src/Pages/LoginPickerPage/LoginPickerPage.tsx
@@ -1,12 +1,11 @@
+import { Icon } from '@iconify/react';
 import type { FC } from 'react';
-import { Link } from 'react-router';
+import { useNavigate } from 'react-router-dom';
 import { Page } from '~/Components';
 import { SAMF3_LOGIN_URL } from '~/routes/samf-three';
 import styles from './LoginPickerPage.module.scss';
 
-type Props = {
-  newRoute: string;
-};
+type Props = { newRoute: string };
 
 /**
  * A page that allows users to choose between the old and new samf login.
@@ -15,29 +14,38 @@ type Props = {
  * @constructor
  */
 export const LoginPickerPage: FC<Props> = ({ newRoute }) => {
+  const navigate = useNavigate();
+
   return (
     <Page>
       <div className={styles.container}>
-        <div className={styles.header}>
-          <h1 className={styles.headerTitle}>Logg inn som intern</h1>
-          <p className={styles.headerSubtitle}>Velg hvilket system du vil logge inn på</p>
-        </div>
+        <button type="button" className={styles.backLink} onClick={() => navigate(-1)}>
+          <Icon icon="mdi:chevron-left" className={styles.backIcon} />
+          Tilbake
+        </button>
 
-        <nav aria-label="Velg innlogging" className={styles.picker}>
-          <div className={styles.choiceWrapper}>
-            <p className={styles.description}>For å administrere grupper, og andre administrative oppgaver</p>
-            <a href={SAMF3_LOGIN_URL.login} className={styles.choice} role="button" aria-label="Gamle samf (samf3)">
-              <h3 className={styles.choiceTitle}>Gamle samf (samf3)</h3>
+        <div className={styles.formWrapper}>
+          <span className={styles.caption}>Innlogging for interne</span>
+          <h1 className={styles.headerTitle}>Hvordan vil du logge inn?</h1>
+
+          <nav aria-label="Velg innlogging" className={styles.picker}>
+            <a href={newRoute} className={styles.choiceWrapper}>
+              <div className={styles.textWrapper}>
+                <span className={styles.radioLabel}>Ny plattform (samf4)</span>
+                <p className={styles.description}>Den nye plattformen for arrangementer og generell bruk</p>
+              </div>
+              <Icon icon="mdi:arrow-right" className={styles.arrowIcon} />
             </a>
-          </div>
 
-          <div className={styles.choiceWrapper}>
-            <p className={styles.description}>Den nye plattformen for arrangementer og generell bruk</p>
-            <Link to={newRoute} className={styles.choice} role="button" aria-label="Ny samf (samf4)">
-              <h3 className={styles.choiceTitle}>Ny samf (samf4)</h3>
-            </Link>
-          </div>
-        </nav>
+            <a href={SAMF3_LOGIN_URL.login} target="samf3" className={styles.choiceWrapper}>
+              <div className={styles.textWrapper}>
+                <span className={styles.radioLabel}>Eldre plattform (samf3)</span>
+                <p className={styles.description}>Gruppeadministrasjon og andre administrative oppgaver</p>
+              </div>
+              <Icon icon="mdi:arrow-right" className={styles.arrowIcon} />
+            </a>
+          </nav>
+        </div>
       </div>
     </Page>
   );
diff --git a/frontend/src/router/router.tsx b/frontend/src/router/router.tsx
index fa5be24d2..a0b03b4b0 100644
--- a/frontend/src/router/router.tsx
+++ b/frontend/src/router/router.tsx
@@ -124,7 +124,15 @@ export const router = createBrowserRouter(
           <Route element={<ProtectedRoute authState={false} element={<Outlet />} />}>
             <Route path={ROUTES.frontend.login} element={<LoginPickerPage newRoute="/new-login" />} />
             <Route path={SAMF3_LOGIN_URL.login} element={<LoginPage />} />
-            <Route path={ROUTES.frontend.new_login} element={<LoginPage />} />
+            <Route handle={{ crumb: () => <Link url={ROUTES.frontend.login}>{t(KEY.common_login)}</Link> }}>
+              <Route
+                path={ROUTES.frontend.new_login}
+                element={<LoginPage />}
+                handle={{
+                  crumb: ({ pathname }: UIMatch) => <Link url={pathname}>{t(KEY.loginpage_internal_login)}</Link>,
+                }}
+              />
+            </Route>
             <Route path={ROUTES.frontend.signup} element={<SignUpPage />} />
           </Route>
           <Route path={ROUTES.frontend.api_testing} element={<ApiTestingPage />} />

From e7c2496c92be23eb7b2c1da6df5e8d7ecef6148f Mon Sep 17 00:00:00 2001
From: BragonSB <brage.sebastian.brevik@gmail.com>
Date: Fri, 13 Feb 2026 12:18:12 +0100
Subject: [PATCH 15/79] brage-feat: add ability to sort by buy in /events

* feat: add ability to sort by buy in /events

* fix: Biome really wants some space
---
 .../src/Pages/EventsPage/components/EventsList/EventsList.tsx   | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/Pages/EventsPage/components/EventsList/EventsList.tsx b/frontend/src/Pages/EventsPage/components/EventsList/EventsList.tsx
index 0e9d70564..aae3c01ea 100644
--- a/frontend/src/Pages/EventsPage/components/EventsList/EventsList.tsx
+++ b/frontend/src/Pages/EventsPage/components/EventsList/EventsList.tsx
@@ -33,7 +33,7 @@ export function EventsList({ events }: EventsListProps) {
     { content: t(KEY.common_venue), sortable: true },
     { content: t(KEY.category), sortable: true },
     { content: t(KEY.admin_organizer), sortable: true },
-    t(KEY.common_buy),
+    { content: t(KEY.common_buy), sortable: true },
   ];
 
   // TODO debounce and move header/filtering stuff to a separate component

From 5955acf1d9aaa1823ca581eb0f9231510fa745d7 Mon Sep 17 00:00:00 2001
From: Robin <16273164+robines@users.noreply.github.com>
Date: Sat, 14 Feb 2026 15:27:03 +0100
Subject: [PATCH 16/79] Add mdb_medlem_id field to User (#2060)

---
 .../migrations/0004_user_mdb_medlem_id.py      | 18 ++++++++++++++++++
 backend/samfundet/models/general.py            |  2 ++
 2 files changed, 20 insertions(+)
 create mode 100644 backend/samfundet/migrations/0004_user_mdb_medlem_id.py

diff --git a/backend/samfundet/migrations/0004_user_mdb_medlem_id.py b/backend/samfundet/migrations/0004_user_mdb_medlem_id.py
new file mode 100644
index 000000000..6ddb665f6
--- /dev/null
+++ b/backend/samfundet/migrations/0004_user_mdb_medlem_id.py
@@ -0,0 +1,18 @@
+# Generated by Django 5.1.9 on 2026-02-11 17:42
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('samfundet', '0003_alter_event_category'),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='user',
+            name='mdb_medlem_id',
+            field=models.PositiveIntegerField(null=True, unique=True, verbose_name='medlem_id in mdb2'),
+        ),
+    ]
diff --git a/backend/samfundet/models/general.py b/backend/samfundet/models/general.py
index 84f9461ca..073b212da 100644
--- a/backend/samfundet/models/general.py
+++ b/backend/samfundet/models/general.py
@@ -128,6 +128,8 @@ class User(AbstractUser):
         on_delete=models.PROTECT,
     )
 
+    mdb_medlem_id = models.PositiveIntegerField(null=True, blank=False, unique=True, verbose_name='medlem_id in mdb2')
+
     class Meta:
         permissions = [
             ('debug', 'Can view debug mode'),

From 737fe4e312be2e08dff44be0a21e0806d178837f Mon Sep 17 00:00:00 2001
From: Robin <16273164+robines@users.noreply.github.com>
Date: Sat, 14 Feb 2026 16:34:13 +0100
Subject: [PATCH 17/79] Create mdb database (#2061)

* Set up fake mdb2 service. Create seed. Create unmanaged MedlemsInfo model

* Rename to mdb_dev

* ruff

* Simplify disallowed models check

* Fix port in github workflow

* ruff

* Update migration
---
 .env.example                                  |  12 ++-
 .github/workflows/verify.yml                  |  16 +++
 backend/root/db_router.py                     |  16 ++-
 .../commands/seed_scripts/__init__.py         |   2 +
 .../management/commands/seed_scripts/mdb.py   | 100 ++++++++++++++++++
 .../commands/seed_scripts/seed_mdb/schema.sql |  21 ++++
 backend/root/settings/dev.py                  |   8 ++
 backend/root/settings/prod.py                 |   9 ++
 .../samfundet/migrations/0005_medlemsinfo.py  |  32 ++++++
 backend/samfundet/models/mdb.py               |  23 ++++
 docker-compose.yml                            |  25 ++++-
 11 files changed, 257 insertions(+), 7 deletions(-)
 create mode 100755 backend/root/management/commands/seed_scripts/mdb.py
 create mode 100644 backend/root/management/commands/seed_scripts/seed_mdb/schema.sql
 create mode 100644 backend/samfundet/migrations/0005_medlemsinfo.py
 create mode 100644 backend/samfundet/models/mdb.py

diff --git a/.env.example b/.env.example
index f0c714e45..e8e6610e5 100644
--- a/.env.example
+++ b/.env.example
@@ -7,14 +7,20 @@ COMMON_HEALTHCHECK_INTERVAL=10s
 COMMON_HEALTHCHECK_TIMEOUT=5s
 COMMON_HEALTHCHECK_RETRIES=5
 
-# must be the same as the servicename in docker-compose.yml
+# must be the same as the service name in docker-compose.yml
 SM4_DEV_SERVICE_NAME=sm4_dev_database
 
 SM4_DEV_DB_IMAGE=postgres:15.13
 SM4_DEV_CREDENTIAL=sm4DB
 
-# must be the same as the servicename in docker-compose.yml
+# must be the same as the service name in docker-compose.yml
 BILLIG_DEV_SERVICE_NAME=billig_dev_database
 
 BILLIG_DEV_DB_IMAGE=postgres:15.13
-BILLIG_DEV_CREDENTIAL=billigDB
\ No newline at end of file
+BILLIG_DEV_CREDENTIAL=billigDB
+
+# must be the same as the service name in docker-compose.yml
+MDB_DEV_SERVICE_NAME=mdb_dev
+
+MDB_DEV_DB_IMAGE=postgres:15.13
+MDB_DEV_CREDENTIAL=mdb2
diff --git a/.github/workflows/verify.yml b/.github/workflows/verify.yml
index 5ef27f467..cd0206649 100644
--- a/.github/workflows/verify.yml
+++ b/.github/workflows/verify.yml
@@ -46,6 +46,19 @@ jobs:
           --health-retries 5
         ports:
           - 5433:5432
+      mdb_dev:
+        image: postgres:15
+        env:
+          POSTGRES_DB: mdb2
+          POSTGRES_USER: mdb2
+          POSTGRES_PASSWORD: mdb2
+        options: >-
+          --health-cmd pg_isready
+          --health-interval 10s
+          --health-timeout 5s
+          --health-retries 5
+        ports:
+          - 5434:5432
     defaults:
       run:
         working-directory: ./backend
@@ -59,10 +72,13 @@ jobs:
       DJANGO_SUPERUSER_EMAIL: admin@example.com
       SM4_DEV_CREDENTIAL: sm4DB
       BILLIG_DEV_CREDENTIAL: billigDB
+      MDB_DEV_CREDENTIAL: mdb2
       SM4_DEV_HOST: localhost
       BILLIG_DEV_HOST: localhost
+      MDB_DEV_HOST: localhost
       SM4_DEV_PORT: 5432
       BILLIG_DEV_PORT: 5433
+      MDB_DEV_PORT: 5434
 
     steps:
       - name: Checkout code
diff --git a/backend/root/db_router.py b/backend/root/db_router.py
index f4f47950f..b30a6b408 100644
--- a/backend/root/db_router.py
+++ b/backend/root/db_router.py
@@ -1,6 +1,6 @@
 """
 Handles routing for databases (which database should be used for which model).
-All models use the default database except billig models.
+All models use the default database except billig and mdb models.
 """
 
 from __future__ import annotations
@@ -9,6 +9,7 @@
 
 from django.db import models
 
+from samfundet.models.mdb import MedlemsInfo
 from samfundet.models.billig import (
     BilligEvent,
     BilligPriceGroup,
@@ -22,16 +23,27 @@
     BilligPriceGroup,
 ]
 
+# List of models routed to mdb database.
+MDB_MODELS: list[type[models.Model]] = [
+    MedlemsInfo,
+]
+
+DISALLOWED_MODELS = {m._meta.model_name for m in BILLIG_MODELS + MDB_MODELS}
+
 
 class SamfundetDatabaseRouter:
     def db_for_read(self, model: type[models.Model], **hints: dict[str, Any]) -> str | None:
         if model in BILLIG_MODELS:
             return 'billig'
+        if model in MDB_MODELS:
+            return 'mdb'
         return None
 
     def db_for_write(self, model: type[models.Model], **hints: dict[str, Any]) -> str | None:
         if model in BILLIG_MODELS:
             return 'billig'
+        if model in MDB_MODELS:
+            return 'mdb'
         return None
 
     def allow_migrate(
@@ -41,4 +53,4 @@ def allow_migrate(
         model_name: str | None = None,
         **hints: dict[str, Any],
     ) -> bool:
-        return model_name not in [m._meta.model_name for m in BILLIG_MODELS]
+        return model_name not in DISALLOWED_MODELS
diff --git a/backend/root/management/commands/seed_scripts/__init__.py b/backend/root/management/commands/seed_scripts/__init__.py
index 70ae54aa9..a3881458b 100755
--- a/backend/root/management/commands/seed_scripts/__init__.py
+++ b/backend/root/management/commands/seed_scripts/__init__.py
@@ -1,6 +1,7 @@
 from __future__ import annotations
 
 from . import (
+    mdb,
     menu,
     gangs,
     merch,
@@ -38,6 +39,7 @@
 # It can also yield a text description of the current state (see example.py)
 
 SEED_SCRIPTS = [
+    ('mdb', mdb.seed),
     ('campus', campus.seed),
     ('users', superusers.seed),
     ('images', images.seed),
diff --git a/backend/root/management/commands/seed_scripts/mdb.py b/backend/root/management/commands/seed_scripts/mdb.py
new file mode 100755
index 000000000..646ea5dc0
--- /dev/null
+++ b/backend/root/management/commands/seed_scripts/mdb.py
@@ -0,0 +1,100 @@
+#
+# Creates and seeds the mdb database.
+#
+# This seed script is a bit different because the local mdb
+# is not managed by django, but uses a different postgres
+# database simulating the real mdb in prod (cirkus).
+#
+#
+from __future__ import annotations
+
+import os
+from collections.abc import Iterable
+
+import django
+from django import db
+from django.db import transaction
+
+from samfundet.models.mdb import MedlemsInfo
+
+# Get django database name from config (see database setup in dev.py)
+DB_NAME = db.connections.databases['mdb']['NAME']
+SEED_DIRECTORY = os.path.join(os.path.dirname(__file__), 'seed_mdb')
+
+# ======================== #
+#     Create Database      #
+# ======================== #
+
+
+def get_schema() -> str:
+    # Generate schema (pass schema.sql to postgres)
+    seed_schema = os.path.join(SEED_DIRECTORY, 'schema.sql')
+    with open(seed_schema) as f:
+        schema = f.read()
+    return schema
+
+
+def create_db() -> tuple[bool, str]:
+    """Creates a new postgres database with schema using shell scripts"""
+
+    schema = get_schema()
+    schema_queries = schema.split(';')
+    with django.db.connections['mdb'].cursor() as cursor, transaction.atomic():
+        for query in schema_queries:
+            cursor.execute(query)
+
+    return True, 'Created database and schema'
+
+
+# ======================== #
+#         Seeding          #
+# ======================== #
+
+MEMBERS = [
+    MedlemsInfo(
+        medlem_id=10123,
+        fornavn='Robin',
+        etternavn='Espinosa Jelle',
+        fodselsdato='1970-01-01',
+        telefon='12345678',
+        mail='robin@example.com',
+        skole='NTNU',
+        studie='',
+        brukernavn='robinej',
+    ),
+    MedlemsInfo(
+        medlem_id=20569,
+        fornavn='Sanctus',
+        etternavn='Richardus',
+        fodselsdato='1970-01-01',
+        telefon='87654321',
+        mail='sanctus.richardus@example.com',
+        skole='NTNU',
+        studie='',
+        brukernavn='sanctusr',
+    ),
+]
+
+
+def seed_tables() -> Iterable[tuple[int, str]]:
+    # Create a few fake members
+    with transaction.atomic():
+        for m in MEMBERS:
+            m.save()
+
+    yield 100, f'Created {len(MEMBERS)} fake mdb members'
+
+
+# Main seed script entry point
+def seed() -> Iterable[tuple[int, str]]:
+    # Create database and schema
+    yield 0, 'Creating mdb database...'
+    ok, message = create_db()
+    if not ok:
+        # Failed to create DB
+        yield 100, message
+        return
+
+    # Seed mdb database
+    for percent, message in seed_tables():
+        yield percent, message
diff --git a/backend/root/management/commands/seed_scripts/seed_mdb/schema.sql b/backend/root/management/commands/seed_scripts/seed_mdb/schema.sql
new file mode 100644
index 000000000..ebe04058d
--- /dev/null
+++ b/backend/root/management/commands/seed_scripts/seed_mdb/schema.sql
@@ -0,0 +1,21 @@
+/*
+    Generates a mdb dummy database schema for local development
+
+    This schema should be identical to the schema for mdb on the ITK servers
+    for all fields used by the mdb models (see queries in samfundet/models/mdb.py).
+*/
+
+DROP TABLE IF EXISTS "lim_medlemsinfo";
+
+CREATE TABLE "lim_medlemsinfo" (
+    medlem_id int NOT NULL,
+    fornavn varchar(512) DEFAULT NULL,
+    etternavn varchar(512) DEFAULT NULL,
+    fodselsdato date DEFAULT NULL,
+    telefon varchar(32) DEFAULT NULL,
+    mail varchar(512) DEFAULT NULL,
+    skole varchar(128) DEFAULT NULL,
+    studie varchar(128) DEFAULT NULL,
+    brukernavn varchar(14) NOT NULL,
+    PRIMARY KEY (medlem_id)
+);
diff --git a/backend/root/settings/dev.py b/backend/root/settings/dev.py
index 8c1d399c4..4ac2affce 100644
--- a/backend/root/settings/dev.py
+++ b/backend/root/settings/dev.py
@@ -80,6 +80,14 @@
         'HOST': os.environ.get('BILLIG_DEV_HOST', 'billig_dev_database'),  # Docker service name or CI host
         'PORT': os.environ.get('BILLIG_DEV_PORT', '5432'),  # Docker internal port or CI host port
     },
+    'mdb': {
+        'ENGINE': 'django.db.backends.postgresql',
+        'NAME': os.environ['MDB_DEV_CREDENTIAL'],
+        'USER': os.environ['MDB_DEV_CREDENTIAL'],
+        'PASSWORD': os.environ['MDB_DEV_CREDENTIAL'],
+        'HOST': os.environ.get('MDB_DEV_HOST', 'mdb_dev'),  # Docker service name or CI host
+        'PORT': os.environ.get('MDB_DEV_PORT', '5432'),  # Docker internal port or CI host port
+    },
 }
 
 # ======================== #
diff --git a/backend/root/settings/prod.py b/backend/root/settings/prod.py
index cd712e696..f5cff9244 100644
--- a/backend/root/settings/prod.py
+++ b/backend/root/settings/prod.py
@@ -44,4 +44,13 @@
         'HOST': os.environ['BILLIG_DB_HOST'],
         'PORT': os.environ['BILLIG_DB_PORT'],
     },
+    # The database for the membership database (mdb)
+    'mdb': {
+        'ENGINE': 'django.db.backends.postgresql',
+        'NAME': os.environ['MDB_DB_NAME'],
+        'USER': os.environ['MDB_DB_USER'],
+        'PASSWORD': os.environ['MDB_DB_PASSWORD'],
+        'HOST': os.environ['MDB_DB_HOST'],
+        'PORT': os.environ['MDB_DB_PORT'],
+    },
 }
diff --git a/backend/samfundet/migrations/0005_medlemsinfo.py b/backend/samfundet/migrations/0005_medlemsinfo.py
new file mode 100644
index 000000000..bf47b00fd
--- /dev/null
+++ b/backend/samfundet/migrations/0005_medlemsinfo.py
@@ -0,0 +1,32 @@
+# Generated by Django 5.2.11 on 2026-02-14 14:36
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('samfundet', '0004_user_mdb_medlem_id'),
+    ]
+
+    operations = [
+        migrations.CreateModel(
+            name='MedlemsInfo',
+            fields=[
+                ('medlem_id', models.PositiveIntegerField(primary_key=True, serialize=False)),
+                ('fornavn', models.CharField(blank=True, null=True)),
+                ('etternavn', models.CharField(blank=True, null=True)),
+                ('fodselsdato', models.DateField(blank=True, null=True)),
+                ('telefon', models.CharField(blank=True, null=True)),
+                ('mail', models.CharField(blank=True, null=True)),
+                ('skole', models.CharField(blank=True, null=True)),
+                ('studie', models.CharField(blank=True, null=True)),
+                ('brukernavn', models.CharField(max_length=14)),
+            ],
+            options={
+                'verbose_name': 'MedlemsInfo',
+                'db_table': 'lim_medlemsinfo',
+                'managed': False,
+            },
+        ),
+    ]
diff --git a/backend/samfundet/models/mdb.py b/backend/samfundet/models/mdb.py
new file mode 100644
index 000000000..58de86892
--- /dev/null
+++ b/backend/samfundet/models/mdb.py
@@ -0,0 +1,23 @@
+from __future__ import annotations
+
+from django.db import models
+
+
+class MedlemsInfo(models.Model):
+    medlem_id = models.PositiveIntegerField(null=False, blank=False, primary_key=True)
+    fornavn = models.CharField(null=True, blank=True)
+    etternavn = models.CharField(null=True, blank=True)
+    fodselsdato = models.DateField(null=True, blank=True)
+    telefon = models.CharField(null=True, blank=True)
+    mail = models.CharField(null=True, blank=True)
+    skole = models.CharField(null=True, blank=True)
+    studie = models.CharField(null=True, blank=True)
+    brukernavn = models.CharField(max_length=14, null=False, blank=False)
+
+    class Meta:
+        managed = False
+        verbose_name = 'MedlemsInfo'
+        db_table = 'lim_medlemsinfo'
+
+    def __str__(self) -> str:
+        return self.medlem_id
diff --git a/docker-compose.yml b/docker-compose.yml
index bb7e0749b..48dccc936 100644
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -11,7 +11,7 @@ services:
       POSTGRES_USER: ${SM4_DEV_CREDENTIAL}
       POSTGRES_PASSWORD: ${SM4_DEV_CREDENTIAL}
     ports:
-      - 5432:5432
+      - "5432:5432"
     healthcheck:
       test: [ "CMD-SHELL", "pg_isready -U ${SM4_DEV_CREDENTIAL}" ]
       interval: ${COMMON_HEALTHCHECK_INTERVAL}
@@ -26,12 +26,27 @@ services:
       POSTGRES_USER: ${BILLIG_DEV_CREDENTIAL}
       POSTGRES_PASSWORD: ${BILLIG_DEV_CREDENTIAL}
     ports:
-      - 5433:5432
+      - "5433:5432"
     healthcheck:
       test: [ "CMD-SHELL", "pg_isready -U ${BILLIG_DEV_CREDENTIAL}" ]
       interval: ${COMMON_HEALTHCHECK_INTERVAL}
       timeout: ${COMMON_HEALTHCHECK_TIMEOUT}
       retries: ${COMMON_HEALTHCHECK_RETRIES}
+  mdb_dev:
+    image: ${MDB_DEV_DB_IMAGE}
+    volumes:
+      - mdb_dev:/var/lib/postgresql/data
+    environment:
+      POSTGRES_DB: ${MDB_DEV_CREDENTIAL}
+      POSTGRES_USER: ${MDB_DEV_CREDENTIAL}
+      POSTGRES_PASSWORD: ${MDB_DEV_CREDENTIAL}
+    ports:
+      - "5434:5432"
+    healthcheck:
+      test: [ "CMD-SHELL", "pg_isready -U ${MDB_DEV_CREDENTIAL}" ]
+      interval: ${COMMON_HEALTHCHECK_INTERVAL}
+      timeout: ${COMMON_HEALTHCHECK_TIMEOUT}
+      retries: ${COMMON_HEALTHCHECK_RETRIES}
   backend:
     build: ./backend # Build in the context of this directory (meaning: use Dockerfile, .dockerignore etc.)
     image: samfundet-backend
@@ -40,6 +55,8 @@ services:
         condition: service_healthy
       billig_dev_database:
         condition: service_healthy
+      mdb_dev:
+        condition: service_healthy
     volumes:
       - ./backend:/app # Mount backend folder to docker image
       - /app/.venv/ # Ignore local virtual environment
@@ -50,6 +67,9 @@ services:
       - IS_DOCKER=yes
       - SM4_DEV_CREDENTIAL=${SM4_DEV_CREDENTIAL}
       - BILLIG_DEV_CREDENTIAL=${BILLIG_DEV_CREDENTIAL}
+      - MDB_DEV_CREDENTIAL=${MDB_DEV_CREDENTIAL}
+      - BILLIG_DEV_HOST=billig_dev_database
+      - MDB_DEV_HOST=mdb_dev
     ports:
       - '8000:8000' # Quotes are required. django
       - '5678:5678' # Quotes are required. debugpy
@@ -134,3 +154,4 @@ services:
 volumes:
   sm4_dev_database:
   billig_dev_database:
+  mdb_dev:

From c395350829f4e3ee13bee117cc9aa44066ed71ea Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Sat, 14 Feb 2026 18:04:39 +0100
Subject: [PATCH 18/79] Bump sqlparse from 0.5.3 to 0.5.4 in /backend (#2069)

Bumps [sqlparse](https://github.com/andialbrecht/sqlparse) from 0.5.3 to 0.5.4.
- [Changelog](https://github.com/andialbrecht/sqlparse/blob/master/CHANGELOG)
- [Commits](https://github.com/andialbrecht/sqlparse/compare/0.5.3...0.5.4)

---
updated-dependencies:
- dependency-name: sqlparse
  dependency-version: 0.5.4
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
---
 backend/poetry.lock | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/backend/poetry.lock b/backend/poetry.lock
index c25d95d25..75d7a954f 100644
--- a/backend/poetry.lock
+++ b/backend/poetry.lock
@@ -1290,18 +1290,18 @@ files = [
 
 [[package]]
 name = "sqlparse"
-version = "0.5.3"
+version = "0.5.4"
 description = "A non-validating SQL parser."
 optional = false
 python-versions = ">=3.8"
 groups = ["main", "dev"]
 files = [
-    {file = "sqlparse-0.5.3-py3-none-any.whl", hash = "sha256:cf2196ed3418f3ba5de6af7e82c694a9fbdbfecccdfc72e281548517081f16ca"},
-    {file = "sqlparse-0.5.3.tar.gz", hash = "sha256:09f67787f56a0b16ecdbde1bfc7f5d9c3371ca683cfeaa8e6ff60b4807ec9272"},
+    {file = "sqlparse-0.5.4-py3-none-any.whl", hash = "sha256:99a9f0314977b76d776a0fcb8554de91b9bb8a18560631d6bc48721d07023dcb"},
+    {file = "sqlparse-0.5.4.tar.gz", hash = "sha256:4396a7d3cf1cd679c1be976cf3dc6e0a51d0111e87787e7a8d780e7d5a998f9e"},
 ]
 
 [package.extras]
-dev = ["build", "hatch"]
+dev = ["build"]
 doc = ["sphinx"]
 
 [[package]]

From b9dbff0f00ce38b89df770b0b6be4b49cd17b384 Mon Sep 17 00:00:00 2001
From: Robin <16273164+robines@users.noreply.github.com>
Date: Sat, 14 Feb 2026 18:35:51 +0100
Subject: [PATCH 19/79] Add endpoint for calling sett_lim_utvidet_medlemsinfo
 (#2070)

* Add mock sett_lim_utvidet_medlemsinfo function

* Add endpoint for connecting user to mdb

* Update function comment

* Update routes

* Move serializer to own file under serializer package, validate email/member_id
---
 .../management/commands/seed_scripts/mdb.py   |  4 +-
 .../commands/seed_scripts/seed_mdb/schema.sql | 33 +++++++++++++++
 backend/root/utils/routes.py                  |  1 +
 backend/samfundet/models/mdb.py               | 19 ++++++++-
 .../samfundet/serializer/mdb_serializers.py   | 20 +++++++++
 backend/samfundet/urls.py                     |  3 ++
 backend/samfundet/view/mdb_views.py           | 41 +++++++++++++++++++
 frontend/src/routes/backend.ts                |  1 +
 8 files changed, 118 insertions(+), 4 deletions(-)
 create mode 100644 backend/samfundet/serializer/mdb_serializers.py
 create mode 100644 backend/samfundet/view/mdb_views.py

diff --git a/backend/root/management/commands/seed_scripts/mdb.py b/backend/root/management/commands/seed_scripts/mdb.py
index 646ea5dc0..ce4198715 100755
--- a/backend/root/management/commands/seed_scripts/mdb.py
+++ b/backend/root/management/commands/seed_scripts/mdb.py
@@ -38,10 +38,8 @@ def create_db() -> tuple[bool, str]:
     """Creates a new postgres database with schema using shell scripts"""
 
     schema = get_schema()
-    schema_queries = schema.split(';')
     with django.db.connections['mdb'].cursor() as cursor, transaction.atomic():
-        for query in schema_queries:
-            cursor.execute(query)
+        cursor.execute(schema)
 
     return True, 'Created database and schema'
 
diff --git a/backend/root/management/commands/seed_scripts/seed_mdb/schema.sql b/backend/root/management/commands/seed_scripts/seed_mdb/schema.sql
index ebe04058d..6cd5e5a69 100644
--- a/backend/root/management/commands/seed_scripts/seed_mdb/schema.sql
+++ b/backend/root/management/commands/seed_scripts/seed_mdb/schema.sql
@@ -19,3 +19,36 @@ CREATE TABLE "lim_medlemsinfo" (
     brukernavn varchar(14) NOT NULL,
     PRIMARY KEY (medlem_id)
 );
+
+/*
+ This is a mock-function of the sett_lim_utvidet_medlemsinfo function.
+ Returns medlem_id on success, otherwise no result.
+ Password must be 'password'
+ */
+CREATE OR REPLACE FUNCTION sett_lim_utvidet_medlemsinfo(
+    p_email_or_id TEXT,
+    p_password TEXT
+)
+RETURNS SETOF INTEGER AS $$
+BEGIN
+    IF p_password <> 'password' THEN
+        RETURN;
+    END IF;
+
+    IF p_email_or_id ~ '^\d+$' THEN
+        RETURN QUERY
+            SELECT medlem_id
+            FROM lim_medlemsinfo
+            WHERE medlem_id = p_email_or_id::INTEGER
+            LIMIT 1;
+    ELSIF p_email_or_id LIKE '%@%' THEN
+        RETURN QUERY
+            SELECT medlem_id
+            FROM lim_medlemsinfo
+            WHERE mail = p_email_or_id
+            LIMIT 1;
+    END IF;
+
+    RETURN;
+END;
+$$ LANGUAGE plpgsql;
diff --git a/backend/root/utils/routes.py b/backend/root/utils/routes.py
index 5a14f4ed1..931d5f52f 100644
--- a/backend/root/utils/routes.py
+++ b/backend/root/utils/routes.py
@@ -302,6 +302,7 @@
 samfundet__gangsorganized = 'samfundet:gangsorganized'
 samfundet__check_reservation = 'samfundet:check_reservation'
 samfundet__reservation_create = 'samfundet:reservation-create'
+samfundet__mdb_connect = 'samfundet:mdb_connect'
 samfundet__active_recruitments = 'samfundet:active_recruitments'
 samfundet__recruitment_positions = 'samfundet:recruitment_positions'
 samfundet__recruitment_show_unprocessed_applicants = 'samfundet:recruitment_show_unprocessed_applicants'
diff --git a/backend/samfundet/models/mdb.py b/backend/samfundet/models/mdb.py
index 58de86892..0224dfc31 100644
--- a/backend/samfundet/models/mdb.py
+++ b/backend/samfundet/models/mdb.py
@@ -1,6 +1,6 @@
 from __future__ import annotations
 
-from django.db import models
+from django.db import models, connections
 
 
 class MedlemsInfo(models.Model):
@@ -21,3 +21,20 @@ class Meta:
 
     def __str__(self) -> str:
         return self.medlem_id
+
+
+def sett_lim_utvidet_medlemsinfo(member_login: str, password: str) -> int | None:
+    """
+    Calls the sett_lim_utvidet_medlemsinfo database function.
+
+    This function checks if the email/member_id and password are valid. If they
+    are, a flag is set in the `member` table allowing the user to appear in the
+    MedlemsInfo database view, and the function returns the member's ID.
+    """
+
+    with connections['mdb'].cursor() as cursor:
+        cursor.execute('SELECT * FROM sett_lim_utvidet_medlemsinfo(%s, %s)', (member_login, password))
+        row = cursor.fetchone()
+        if row:
+            return row[0]
+    return None
diff --git a/backend/samfundet/serializer/mdb_serializers.py b/backend/samfundet/serializer/mdb_serializers.py
new file mode 100644
index 000000000..964aa698c
--- /dev/null
+++ b/backend/samfundet/serializer/mdb_serializers.py
@@ -0,0 +1,20 @@
+from __future__ import annotations
+
+from rest_framework import serializers
+
+from django.core.validators import validate_email
+
+
+class ConnectToMDBSerializer(serializers.Serializer):
+    member_login = serializers.CharField(required=True)
+    password = serializers.CharField(required=True, min_length=1)
+
+    def validate_member_login(self, value: str) -> str:
+        if not (value.isdigit() or '@' in value):
+            raise serializers.ValidationError('Must be a valid email address or numeric member ID')
+        if '@' in value:
+            try:
+                validate_email(value)
+            except Exception as e:
+                raise serializers.ValidationError('Invalid email address') from e
+        return value
diff --git a/backend/samfundet/urls.py b/backend/samfundet/urls.py
index 7151964bf..5bd564529 100644
--- a/backend/samfundet/urls.py
+++ b/backend/samfundet/urls.py
@@ -7,6 +7,7 @@
 
 from django.urls import path, include
 
+import samfundet.view.mdb_views
 import samfundet.view.user_views
 import samfundet.view.event_views
 import samfundet.view.sulten_views
@@ -93,6 +94,8 @@
     ########## Lyche ##########
     path('check-reservation/', samfundet.view.sulten_views.ReservationCheckAvailabilityView.as_view(), name='check_reservation'),
     path('reservations/', samfundet.view.sulten_views.ReservationCreateView.as_view(), name='reservation-create'),
+    ######## MDB ########
+    path('mdb/connect', samfundet.view.mdb_views.ConnectToMDBView.as_view(), name='mdb_connect'),
     ########## Recruitment ##########
     path('active-recruitments/', views.ActiveRecruitmentsView.as_view(), name='active_recruitments'),
     path('recruitment-positions/', views.RecruitmentPositionsPerRecruitmentView.as_view(), name='recruitment_positions'),
diff --git a/backend/samfundet/view/mdb_views.py b/backend/samfundet/view/mdb_views.py
new file mode 100644
index 000000000..215d1d21e
--- /dev/null
+++ b/backend/samfundet/view/mdb_views.py
@@ -0,0 +1,41 @@
+from __future__ import annotations
+
+import logging
+
+from rest_framework import status
+from rest_framework.views import APIView
+from rest_framework.request import Request
+from rest_framework.response import Response
+from rest_framework.permissions import IsAuthenticated
+
+from samfundet.models.mdb import sett_lim_utvidet_medlemsinfo
+from samfundet.serializer.mdb_serializers import ConnectToMDBSerializer
+
+logger = logging.getLogger('samfundet.views.mdb_views')
+
+
+class ConnectToMDBView(APIView):
+    permission_classes = [IsAuthenticated]
+
+    def post(self, request: Request) -> Response:
+        user = request.user
+
+        if user.mdb_medlem_id:
+            return Response({'message': 'You have already connected to MDB'}, status=status.HTTP_400_BAD_REQUEST)
+
+        serializer = ConnectToMDBSerializer(data=request.data)
+        serializer.is_valid(raise_exception=True)
+
+        member_login = serializer.validated_data['member_login']
+        password = serializer.validated_data['password']
+
+        logger.info(f'User #{user.id} attempting to connect to MDB with email {member_login}...')
+
+        medlem_id = sett_lim_utvidet_medlemsinfo(member_login, password)
+        if medlem_id:
+            user.mdb_medlem_id = medlem_id
+            user.save()
+            logger.info(f'Connected user #{user.id} to MDB with medlem_id {medlem_id}')
+            return Response({'message': 'Successfully connected account to MDB!'})
+
+        return Response(status=status.HTTP_400_BAD_REQUEST)
diff --git a/frontend/src/routes/backend.ts b/frontend/src/routes/backend.ts
index 7aa60c6e4..1c73f75ff 100644
--- a/frontend/src/routes/backend.ts
+++ b/frontend/src/routes/backend.ts
@@ -300,6 +300,7 @@ export const ROUTES_BACKEND = {
   samfundet__gangsorganized: '/gangtypes/:organization/',
   samfundet__check_reservation: '/check-reservation/',
   samfundet__reservation_create: '/reservations/',
+  samfundet__mdb_connect: '/mdb/connect',
   samfundet__active_recruitments: '/active-recruitments/',
   samfundet__recruitment_positions: '/recruitment-positions/',
   samfundet__recruitment_show_unprocessed_applicants: '/recruitment-show-unprocessed-applicants/',

From 41c5855f2ed8321f1652e0b9223e785a3d65a635 Mon Sep 17 00:00:00 2001
From: Lidavic <148764396+Lidavic@users.noreply.github.com>
Date: Mon, 16 Feb 2026 09:24:27 +0100
Subject: [PATCH 20/79] Fix event search for control panel and events page
 (#2063)

* search field for eventsadminpage and updated storybook for eventquery

* implements search for events

* biome
---
 .../EventQuery/EventQuery.stories.tsx          |  3 +++
 .../src/Components/EventQuery/EventQuery.tsx   | 15 ++++++++++-----
 .../components/EventsList/EventsList.tsx       | 11 +++++++++--
 .../EventsAdminPage/EventsAdminPage.tsx        | 18 +++++++++++++++++-
 4 files changed, 39 insertions(+), 8 deletions(-)

diff --git a/frontend/src/Components/EventQuery/EventQuery.stories.tsx b/frontend/src/Components/EventQuery/EventQuery.stories.tsx
index ff85d1c01..b93dc6dc0 100644
--- a/frontend/src/Components/EventQuery/EventQuery.stories.tsx
+++ b/frontend/src/Components/EventQuery/EventQuery.stories.tsx
@@ -26,6 +26,7 @@ export const Basic: Story = {
   render: (args) => {
     const [selectedVenue, setSelectedVenue] = useState<string | null>(null);
     const [selectedCategory, setSelectedCategory] = useState<EventCategoryValue | null>(null);
+    const [search, setSearch] = useState<string>('');
 
     return (
       <EventQuery
@@ -35,6 +36,8 @@ export const Basic: Story = {
         setSelectedVenue={setSelectedVenue}
         selectedCategory={selectedCategory}
         setSelectedCategory={setSelectedCategory}
+        search={search}
+        setSearch={setSearch}
       />
     );
   },
diff --git a/frontend/src/Components/EventQuery/EventQuery.tsx b/frontend/src/Components/EventQuery/EventQuery.tsx
index 73ea37973..91bd56e3b 100644
--- a/frontend/src/Components/EventQuery/EventQuery.tsx
+++ b/frontend/src/Components/EventQuery/EventQuery.tsx
@@ -1,4 +1,3 @@
-import { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { InputField } from '~/Components';
 import { KEY } from '~/i18n/constants';
@@ -15,14 +14,20 @@ type EventQueryProps = {
   setSelectedVenue: SetState<string | null>;
   selectedCategory: EventCategoryValue | null;
   setSelectedCategory: SetState<EventCategoryValue | null>;
+  search: string;
+  setSearch: SetState<string>;
 };
 
-export function EventQuery({ venues, categories, setSelectedVenue, setSelectedCategory }: EventQueryProps) {
+export function EventQuery({
+  venues,
+  categories,
+  setSelectedVenue,
+  setSelectedCategory,
+  search,
+  setSearch,
+}: EventQueryProps) {
   const { t } = useTranslation();
 
-  // Search
-  const [search, setSearch] = useState<string>('');
-
   const venueOptions: DropdownOption<string | null>[] = (venues ?? []).map((venue) => {
     return { label: venue ?? '', value: venue } as DropdownOption<string | null>;
   });
diff --git a/frontend/src/Pages/EventsPage/components/EventsList/EventsList.tsx b/frontend/src/Pages/EventsPage/components/EventsList/EventsList.tsx
index aae3c01ea..2a4688970 100644
--- a/frontend/src/Pages/EventsPage/components/EventsList/EventsList.tsx
+++ b/frontend/src/Pages/EventsPage/components/EventsList/EventsList.tsx
@@ -20,7 +20,7 @@ type EventsListProps = {
 };
 
 export function EventsList({ events }: EventsListProps) {
-  const { t } = useTranslation();
+  const { t, i18n } = useTranslation();
   const [tableView, setTableView] = useState(false);
   const [query, setQuery] = useState('');
   const isDesktop = useDesktop();
@@ -39,7 +39,14 @@ export function EventsList({ events }: EventsListProps) {
   // TODO debounce and move header/filtering stuff to a separate component
   function filteredEvents() {
     const allEvents = Object.keys(events).flatMap((k: string) => events[k]);
-    return eventQuery(allEvents, query);
+    const normalizedSearch = query.trim().toLowerCase();
+    const keywords = normalizedSearch.split(' ');
+
+    if (query === '') return eventQuery(allEvents, query);
+    return allEvents.filter((event) => {
+      const title = (dbT(event, 'title', i18n.language) as string)?.toLowerCase() ?? '';
+      return keywords.every((kw) => title.includes(kw));
+    });
   }
 
   // TODO improve table view for events
diff --git a/frontend/src/PagesAdmin/EventsAdminPage/EventsAdminPage.tsx b/frontend/src/PagesAdmin/EventsAdminPage/EventsAdminPage.tsx
index bd860190c..65312b2ba 100644
--- a/frontend/src/PagesAdmin/EventsAdminPage/EventsAdminPage.tsx
+++ b/frontend/src/PagesAdmin/EventsAdminPage/EventsAdminPage.tsx
@@ -29,6 +29,7 @@ export function EventsAdminPage() {
   const [categories, setCategories] = useState<EventCategoryValue[]>([]);
   const [selectedVenue, setSelectedVenue] = useState<string | null>(null);
   const [selectedCategory, setSelectedCategory] = useState<EventCategoryValue | null>(null);
+  const [search, setSearch] = useState<string>('');
 
   function getEvents(venue?: string | null, category?: EventCategoryValue | null) {
     getEventsUpcomming({ venue: venue ?? undefined, category: category ?? undefined })
@@ -45,6 +46,17 @@ export function EventsAdminPage() {
       });
   }
 
+  function filterEvents(): EventDto[] {
+    const normalizedSearch = search.trim().toLowerCase();
+    if (search === '') return events;
+    const keywords = normalizedSearch.split(' ');
+
+    return events.filter((event: EventDto) => {
+      const title = (dbT(event, 'title', i18n.language) as string)?.toLowerCase() ?? '';
+      return keywords.every((kw) => title.includes(kw));
+    });
+  }
+
   // Stuff to do on first render.
   // TODO add permissions on render
   // biome-ignore lint/correctness/useExhaustiveDependencies: <explanation>
@@ -74,7 +86,9 @@ export function EventsAdminPage() {
     '', // Buttons
   ];
 
-  const data = events.map((event: EventDto) => ({
+  const filteredEvents = filterEvents();
+
+  const data = filteredEvents.map((event: EventDto) => ({
     cells: [
       dbT(event, 'title', i18n.language) as string,
       { content: <TimeDisplay timestamp={event.start_dt} />, value: event.start_dt },
@@ -150,6 +164,8 @@ export function EventsAdminPage() {
         setSelectedVenue={setSelectedVenue}
         selectedCategory={selectedCategory}
         setSelectedCategory={setSelectedCategory}
+        search={search}
+        setSearch={setSearch}
       />
       <div className={styles.tableContainer}>
         <Table columns={tableColumns} data={data} />

From 56e2c2cc4a7eada8edec25e43d81b40ee90907cd Mon Sep 17 00:00:00 2001
From: Eilif Hjermann Lindblad <eilifhl@stud.ntnu.no>
Date: Mon, 16 Feb 2026 22:14:55 +0100
Subject: [PATCH 21/79] Improve styling of ExpandableHeader (#2067)

* Implement bbc-style dropdown

* Use global constants

* Shorten transitions

* Change dark mode contrasts, shorten transitions

* Change text color in dark mode

* Redhat-style border accent

* Change bg color in dark

* Make hover bg color prioritized

* Change light mode bg color
---
 .../ExpandableHeader.module.scss              | 120 +++++++++++-------
 .../ExpandableHeader/ExpandableHeader.tsx     |  29 +++--
 2 files changed, 90 insertions(+), 59 deletions(-)

diff --git a/frontend/src/Components/ExpandableHeader/ExpandableHeader.module.scss b/frontend/src/Components/ExpandableHeader/ExpandableHeader.module.scss
index b8d1e3099..3664a2c92 100644
--- a/frontend/src/Components/ExpandableHeader/ExpandableHeader.module.scss
+++ b/frontend/src/Components/ExpandableHeader/ExpandableHeader.module.scss
@@ -4,86 +4,110 @@
 
 .container {
   width: 100%;
-  border: 2px solid $grey-3;
-  overflow: hidden;
+  border-radius: 0;
+  margin-bottom: 1rem;
+  position: relative;
+  border: 1px solid $grey-35;
 
   @include theme-dark {
     border: 1px solid $grey-0;
   }
 }
 
-.parent {
-  border-radius: 10px;
-  border-color: $grey-4;
-  background-color: $grey-4;
-
-  @include theme-dark {
-    background-color: #1d0809;
-    border-color: transparent;
-  }
-}
-
-.child {
-  border: 1px solid transparent;
-  border-radius: 10px;
-  margin: 10px;
-  width: auto;
-
-  @include theme-dark {
-    border-color: transparent;
-  }
+// accent border
+.with_branding.open::before {
+  content: '';
+  position: absolute;
+  top: -1px;
+  bottom: -1px;
+  left: -1px;
+  width: 5px;
+  background-color: $red-samf;
+  z-index: 10;
 }
 
 .extendable_header_wrapper {
+  appearance: none;
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   align-items: center;
-  font-size: 20px;
-  font-weight: 400;
-  background: $grey_4;
-  padding: 0.5em 1.5em 0.5em 1em;
-  color: $black;
+  width: 100%;
+  padding: 1rem 1.25rem;
+  background-color: $white;
+  color: $black-2;
+  border: none;
+  border-bottom: 1px solid transparent;
   cursor: pointer;
-  border: 0;
   outline: none;
   text-align: left;
-  width: 100%;
+  transition: background-color 0.2s ease;
 
-  @include theme-dark {
-    background-color: #1d0809;
-    color: white;
+  &:hover {
+    background-color: $grey-35;
   }
-}
 
-.extendable_header_wrapper:hover {
-  background-color: #dbdbdb;
+  &.open {
+    border-bottom-color: $grey-35;
+  }
 
   @include theme-dark {
-    background-color: #1d0809;
+    background-color: $theme-dark-input-bg;
+    color: $white;
+
+    &:hover {
+      background-color: $grey-1;
+    }
+
+    &.open {
+      border-bottom-color: $grey-0;
+    }
   }
 }
 
 .extendable_header_title {
-  display: block;
-  flex-basis: 95%;
-  padding: 0;
   margin: 0;
+  font-weight: 700;
+  font-size: 1.125rem;
+  line-height: 1.2;
 }
 
 .expandable_header_arrow {
-  flex-basis: 5%;
-  height: 35px;
-  width: 35px;
-  pointer-events: none;
-  padding: 0;
   display: flex;
-  justify-content: center;
   align-items: center;
-  font-size: medium;
-  font-weight: 400;
+  justify-content: center;
+  width: 24px;
+  height: 24px;
+  transition: transform 0.2s ease;
+  transform-origin: center;
+}
+
+.chevron {
+  display: inline-block;
+  width: 0.6em;
+  height: 0.6em;
+  border-style: solid;
+  border-width: 0.15em 0.15em 0 0;
+  border-color: currentcolor;
+  vertical-align: middle;
+  transform: rotate(135deg);
+  margin-top: -4px;
 }
 
 .expandable_header_arrow.open {
-  transform: rotate(-180deg);
+  transform: rotate(180deg);
+}
+
+.expandable_header_arrow.closed {
+  transform: rotate(0deg);
+}
+
+.content_wrapper {
+  padding: 1rem;
+  background-color: $white;
+
+  @include theme-dark {
+    background-color: $theme-dark-input-bg;
+    color: $white;
+  }
 }
diff --git a/frontend/src/Components/ExpandableHeader/ExpandableHeader.tsx b/frontend/src/Components/ExpandableHeader/ExpandableHeader.tsx
index 30c3aa695..1a8a658ea 100644
--- a/frontend/src/Components/ExpandableHeader/ExpandableHeader.tsx
+++ b/frontend/src/Components/ExpandableHeader/ExpandableHeader.tsx
@@ -10,6 +10,7 @@ type ExpandableHeaderProps = {
   children?: ReactNode;
   showByDefault?: boolean;
   theme?: HeaderThemes;
+  borderBranding?: boolean;
 };
 
 export function ExpandableHeader({
@@ -18,23 +19,29 @@ export function ExpandableHeader({
   children,
   theme = 'parent',
   showByDefault = false,
+  borderBranding = false,
 }: ExpandableHeaderProps) {
-  const [showChildren, setShowChildren] = useState(showByDefault);
-  const classNames = classnames(className, styles.extendable_header_wrapper);
-  const containerClassNames = classnames(styles.container, {
-    [styles.parent]: theme === 'parent',
-    [styles.child]: theme === 'child',
+  const [isOpen, setIsOpen] = useState(showByDefault);
+
+  const containerClasses = classnames(styles.container, className, {
+    [styles.open]: isOpen,
+    [styles.with_branding]: borderBranding,
   });
 
+  const buttonClasses = classnames(styles.extendable_header_wrapper, isOpen ? styles.open : styles.closed);
+
+  const arrowClasses = classnames(styles.expandable_header_arrow, isOpen ? styles.open : styles.closed);
+
   return (
-    <div className={containerClassNames}>
-      <button type="button" className={classNames} onClick={() => setShowChildren(!showChildren)}>
-        <p className={styles.extendable_header_title}>{label}</p>
-        <div className={classnames(styles.expandable_header_arrow, showChildren ? styles.open : styles.closed)}>
-          &#9660;
+    <div className={containerClasses}>
+      <button type="button" className={buttonClasses} onClick={() => setIsOpen(!isOpen)} aria-expanded={isOpen}>
+        <span className={styles.extendable_header_title}>{label}</span>
+        <div className={arrowClasses} aria-hidden="true">
+          <span className={styles.chevron} />
         </div>
       </button>
-      {showChildren && children}
+
+      {isOpen && <div className={styles.content_wrapper}>{children}</div>}
     </div>
   );
 }

From d1249c282fc8ed334f176349ce7a7f5bde7cf744 Mon Sep 17 00:00:00 2001
From: Erik Hoff <142814286+aTrueYety@users.noreply.github.com>
Date: Tue, 17 Feb 2026 20:36:09 +0100
Subject: [PATCH 22/79] Remove white text color from dark mode dropdown
 component (#2056)

Co-authored-by: Erik <eahoff@gmail.com>
---
 frontend/src/Components/Dropdown/Dropdown.module.scss | 1 -
 1 file changed, 1 deletion(-)

diff --git a/frontend/src/Components/Dropdown/Dropdown.module.scss b/frontend/src/Components/Dropdown/Dropdown.module.scss
index 3957e918c..fbf0bf902 100644
--- a/frontend/src/Components/Dropdown/Dropdown.module.scss
+++ b/frontend/src/Components/Dropdown/Dropdown.module.scss
@@ -35,7 +35,6 @@
   }
 
   @include theme-dark {
-    color: white;
     border-color: $grey-0;
     &:focus {
       border-color: $grey-1;

From c4db7a0d5d25f0a3d4cc947f4ec06ea1363c9b28 Mon Sep 17 00:00:00 2001
From: Erik Hoff <142814286+aTrueYety@users.noreply.github.com>
Date: Tue, 17 Feb 2026 20:40:59 +0100
Subject: [PATCH 23/79] disable body scroll when modal component is active
 (#2066)

* disable body scroll when modal component is active

* correct body overflow handling when modal is inactive

---------

Co-authored-by: Erik <eahoff@gmail.com>
---
 frontend/src/Components/Modal/Modal.tsx | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/frontend/src/Components/Modal/Modal.tsx b/frontend/src/Components/Modal/Modal.tsx
index c2a3a1ea0..ba593456c 100644
--- a/frontend/src/Components/Modal/Modal.tsx
+++ b/frontend/src/Components/Modal/Modal.tsx
@@ -1,4 +1,5 @@
 import classNames from 'classnames';
+import { useEffect } from 'react';
 import ReactModal from 'react-modal';
 import styles from './Modal.module.scss';
 
@@ -9,11 +10,24 @@ import styles from './Modal.module.scss';
 interface ModalProps extends ReactModal.Props {
   className?: string;
 }
-export function Modal({ children, className, ...props }: ModalProps) {
+export function Modal({ children, className, isOpen, ...props }: ModalProps) {
+  useEffect(() => {
+    if (isOpen) {
+      document.body.style.overflow = 'hidden';
+    } else {
+      document.body.style.overflow = '';
+    }
+
+    return () => {
+      document.body.style.overflow = '';
+    };
+  }, [isOpen]);
+
   return (
     // @ts-ignore
     <ReactModal
       {...props} // Spread must be first
+      isOpen={isOpen}
       className={classNames(styles.modal, className)}
       overlayClassName={styles.overlay}
       appElement={document.querySelector('#root') as HTMLElement}

From 13813102559a5f8335fec6970e5953f532d0b89e Mon Sep 17 00:00:00 2001
From: leaesc <leaesc@stud.ntnu.no>
Date: Thu, 19 Feb 2026 21:49:21 +0100
Subject: [PATCH 24/79] added my name as contributor (#2076)

slayyyy
---
 frontend/src/Pages/ContributorsPage/ContributorsPage.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/frontend/src/Pages/ContributorsPage/ContributorsPage.tsx b/frontend/src/Pages/ContributorsPage/ContributorsPage.tsx
index 666b3ce1b..30454b6f2 100644
--- a/frontend/src/Pages/ContributorsPage/ContributorsPage.tsx
+++ b/frontend/src/Pages/ContributorsPage/ContributorsPage.tsx
@@ -56,6 +56,7 @@ const CONTRIBUTORS: Contributor[] = [
   { name: 'Tor Madsen', github: 'madt2', from: 'H25' },
   // V26
   { name: 'Brage Sebastian Brevik', github: 'BragonSB', from: 'V26'},
+  { name: 'Lea Emilie Schjoll', github: 'leaesc', from: 'V26'},
 ];
 // @formatter:on
 

From 2da85f1d9ae5f35f8a6f286ced5f6c914f25ad98 Mon Sep 17 00:00:00 2001
From: Specter <121578250+0xSpecter@users.noreply.github.com>
Date: Tue, 24 Feb 2026 19:15:23 +0100
Subject: [PATCH 25/79] breadcrum linked to profile page which was disabled,
 just reanabled it (#2077)

---
 frontend/src/constants/site-features.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/constants/site-features.ts b/frontend/src/constants/site-features.ts
index 3e212ed20..3dbb6af45 100644
--- a/frontend/src/constants/site-features.ts
+++ b/frontend/src/constants/site-features.ts
@@ -3,7 +3,7 @@ import { ROUTES_FRONTEND } from '~/routes/frontend';
 import type { SiteFeature } from '~/types';
 
 const SITE_FEATURES: Record<SiteFeature, boolean> = {
-  profile: false,
+  profile: true,
   changePassword: false,
   events: true,
   images: true,

From aefbf44ff32fe32ee5ecd7f9b5bb31d3a11b8a70 Mon Sep 17 00:00:00 2001
From: Tor Madsen <69582484+Madt2@users.noreply.github.com>
Date: Tue, 24 Feb 2026 20:37:34 +0100
Subject: [PATCH 26/79] Fixed labels for categories on EventsAdminPage (#2044)

---
 frontend/src/Components/EventQuery/EventQuery.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/Components/EventQuery/EventQuery.tsx b/frontend/src/Components/EventQuery/EventQuery.tsx
index 91bd56e3b..48ce31dd7 100644
--- a/frontend/src/Components/EventQuery/EventQuery.tsx
+++ b/frontend/src/Components/EventQuery/EventQuery.tsx
@@ -2,7 +2,7 @@ import { useTranslation } from 'react-i18next';
 import { InputField } from '~/Components';
 import { KEY } from '~/i18n/constants';
 import type { EventCategoryValue, SetState } from '~/types';
-import { lowerCapitalize } from '~/utils';
+import { getEventCategoryKey, lowerCapitalize } from '~/utils';
 import { Dropdown } from '../Dropdown';
 import type { DropdownOption } from '../Dropdown/Dropdown';
 import styles from './EventQuery.module.scss';
@@ -33,7 +33,7 @@ export function EventQuery({
   });
 
   const categoryOptions: DropdownOption<string | null>[] = (categories ?? []).map((category) => {
-    return { label: category, value: category } as DropdownOption<string>;
+    return { label: t(getEventCategoryKey(category)), value: category } as DropdownOption<string>;
   });
 
   return (

From baaaa8a723fd4fbfd65ea3d37355ac84b391a462 Mon Sep 17 00:00:00 2001
From: Erik Hoff <142814286+aTrueYety@users.noreply.github.com>
Date: Tue, 24 Feb 2026 23:11:34 +0100
Subject: [PATCH 27/79] Add pagination to control panel ImageAdminPage (#2075)

* Add pagination to ImageAdminPage

* Add utility for making paginated urls

* Add pagination support for images in API

* Add pagination and search functionality to ImageView

* Refactorize ImageAdminPage to use backend pagination and filtering

* biome fix

* fix ruff

* biome fix

* boime pls..

* fix to generate routes duplicate route bug

* use react querry

* boime fix

* Refactor into query keys

---------

Co-authored-by: Erik <eahoff@gmail.com>
---
 .../management/commands/generate_routes.py    | 10 ++-
 backend/root/utils/routes.py                  |  1 -
 backend/samfundet/utils.py                    |  3 +-
 backend/samfundet/view/general_views.py       |  5 ++
 .../ImageAdminPage/ImageAdminPage.tsx         | 80 +++++++++++++------
 frontend/src/api.ts                           | 16 ++++
 frontend/src/queryKeys.ts                     |  8 ++
 frontend/src/routes/backend.ts                |  2 +-
 frontend/src/utils.ts                         | 35 ++++++++
 9 files changed, 130 insertions(+), 30 deletions(-)

diff --git a/backend/root/management/commands/generate_routes.py b/backend/root/management/commands/generate_routes.py
index 3a6f7778d..8ab438a49 100644
--- a/backend/root/management/commands/generate_routes.py
+++ b/backend/root/management/commands/generate_routes.py
@@ -149,9 +149,12 @@ def handle(self, *args, **options) -> None:  # type: ignore
 
                 frontend_file.write('export const ROUTES_BACKEND = {')
 
+                # Track seen names to avoid duplicates
+                seen_names: set[str] = set()
+
                 # Parse all urls to frontend routes.
                 for url in urls:
-                    if '<format>' in url.url:
+                    if '<format>' in url.url or '<drf_format_suffix' in url.url:
                         # Generic and malformed urls we don't need to keep.
                         continue
 
@@ -159,6 +162,11 @@ def handle(self, *args, **options) -> None:  # type: ignore
                     parsed_url = parse_url(url.url)
                     parsed_name = parse_name(url.name or parsed_url)  # 'samfundet:new_tjeneste' -> 'samfundet__new_tjeneste'
 
+                    # Skip duplicates
+                    if parsed_name in seen_names:
+                        continue
+                    seen_names.add(parsed_name)
+
                     # Write to file.
                     frontend_file.write(NEWLINE + f"  {parsed_name}: '{parsed_url}',")
                     backend_file.write(NEWLINE + f"{parsed_name} = '{url.name}'")
diff --git a/backend/root/utils/routes.py b/backend/root/utils/routes.py
index 931d5f52f..6f7cc6f0a 100644
--- a/backend/root/utils/routes.py
+++ b/backend/root/utils/routes.py
@@ -279,7 +279,6 @@
 samfundet__billig_ticket_group_list = 'samfundet:billig_ticket_group-list'
 samfundet__billig_ticket_group_detail = 'samfundet:billig_ticket_group-detail'
 samfundet__api_root = 'samfundet:api-root'
-samfundet__api_root = 'samfundet:api-root'
 samfundet__schema = 'samfundet:schema'
 samfundet__swagger_ui = 'samfundet:swagger_ui'
 samfundet__redoc = 'samfundet:redoc'
diff --git a/backend/samfundet/utils.py b/backend/samfundet/utils.py
index 8e586140a..de4f01be3 100644
--- a/backend/samfundet/utils.py
+++ b/backend/samfundet/utils.py
@@ -1,7 +1,6 @@
 from __future__ import annotations
 
 import datetime
-from typing import Optional
 from operator import or_
 from functools import reduce
 from collections.abc import Callable
@@ -39,7 +38,7 @@
 }
 
 
-def event_query(*, query: QueryDict, events: Optional[QuerySet[Event]] = None) -> QuerySet[Event]:
+def event_query(*, query: QueryDict, events: QuerySet[Event] | None = None) -> QuerySet[Event]:
     qs = events if events is not None else Event.objects.all()
 
     search = query.get('search')
diff --git a/backend/samfundet/view/general_views.py b/backend/samfundet/view/general_views.py
index 43dc7f89e..dee2cf647 100644
--- a/backend/samfundet/view/general_views.py
+++ b/backend/samfundet/view/general_views.py
@@ -9,6 +9,7 @@
 
 from rest_framework import status
 from rest_framework.views import APIView
+from rest_framework.filters import SearchFilter
 from rest_framework.request import Request
 from rest_framework.generics import ListAPIView, CreateAPIView
 from rest_framework.response import Response
@@ -24,6 +25,7 @@
 from root.custom_classes.permission_classes import FeatureEnabled, RoleProtectedOrAnonReadOnlyObjectPermissions
 
 from samfundet.homepage import homepage
+from samfundet.pagination import CustomPageNumberPagination
 from samfundet.models.role import Role, UserOrgRole, UserGangRole, UserGangSectionRole
 from samfundet.serializers import (
     TagSerializer,
@@ -105,6 +107,9 @@ class ImageView(ModelViewSet):
     )
     serializer_class = ImageSerializer
     queryset = Image.objects.all().order_by('-pk')
+    pagination_class = CustomPageNumberPagination
+    filter_backends = [SearchFilter]
+    search_fields = ['title']
 
     @action(detail=True, methods=['get'])
     def linked_events(self, request: Request, pk: int | None = None) -> Response:
diff --git a/frontend/src/PagesAdmin/ImageAdminPage/ImageAdminPage.tsx b/frontend/src/PagesAdmin/ImageAdminPage/ImageAdminPage.tsx
index b140757fc..ad6fbcfc3 100644
--- a/frontend/src/PagesAdmin/ImageAdminPage/ImageAdminPage.tsx
+++ b/frontend/src/PagesAdmin/ImageAdminPage/ImageAdminPage.tsx
@@ -1,34 +1,53 @@
-import { useEffect, useState } from 'react';
+import { keepPreviousData, useQuery } from '@tanstack/react-query';
+import { useCallback, useEffect, useRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import { Button, ImageQuery } from '~/Components';
-import { getImages } from '~/api';
-import type { ImageDto } from '~/dto';
+import { Button, InputField } from '~/Components';
+import { PagedPagination } from '~/Components/Pagination';
+import { getImagesPaginated } from '~/api';
 import { useTitle } from '~/hooks';
 import { KEY } from '~/i18n/constants';
+import { imageKeys } from '~/queryKeys';
 import { ROUTES } from '~/routes';
 import { lowerCapitalize } from '~/utils';
 import { AdminPageLayout } from '../AdminPageLayout/AdminPageLayout';
 import styles from './ImageAdminPage.module.scss';
 import { AdminImage } from './components';
 
+const PAGE_SIZE = 20;
+
 export function ImageAdminPage() {
-  const [images, setImages] = useState<ImageDto[]>([]);
-  const [allImages, setAllImages] = useState<ImageDto[]>([]);
-  const [showSpinner, setShowSpinner] = useState<boolean>(true);
+  const [currentPage, setCurrentPage] = useState<number>(1);
+  const [searchInput, setSearchInput] = useState<string>('');
+  const [debouncedSearch, setDebouncedSearch] = useState<string>('');
+  const debounceTimeout = useRef<NodeJS.Timeout>();
   const { t } = useTranslation();
   useTitle(t(KEY.admin_images_title));
 
-  // Stuff to do on first render.
-  // TODO add permissions on render
+  // Debounce search input
   useEffect(() => {
-    getImages()
-      .then((data) => {
-        setImages(data);
-        setAllImages(data);
-        setShowSpinner(false);
-      })
-      .catch(console.error);
-  }, []);
+    clearTimeout(debounceTimeout.current);
+    debounceTimeout.current = setTimeout(() => {
+      setDebouncedSearch(searchInput);
+    }, 300);
+
+    return () => clearTimeout(debounceTimeout.current);
+  }, [searchInput]);
+
+  // Reset to page 1 when search changes
+  // biome-ignore lint/correctness/useExhaustiveDependencies: Need to trigger on debouncedSearch change
+  useEffect(() => {
+    setCurrentPage(1);
+  }, [debouncedSearch]);
+
+  // Fetch images using React Query
+  const { data, isLoading } = useQuery({
+    queryKey: imageKeys.list(currentPage, debouncedSearch || undefined),
+    queryFn: () => getImagesPaginated(currentPage, PAGE_SIZE, debouncedSearch || undefined),
+    placeholderData: keepPreviousData,
+  });
+
+  const images = data?.results ?? [];
+  const totalCount = data?.count ?? 0;
 
   const title = t(KEY.admin_images_title);
   const backendUrl = ROUTES.backend.admin__samfundet_image_changelist;
@@ -38,21 +57,32 @@ export function ImageAdminPage() {
     </Button>
   );
 
-  // Limit maximum number of rendered images
-  // TODO pagination & lazy load
-  const displayImages = images.slice(0, Math.min(images.length, 64));
+  const handleSearchChange = useCallback((value: string) => {
+    setSearchInput(value);
+  }, []);
 
   return (
-    <AdminPageLayout title={title} backendUrl={backendUrl} header={header} loading={showSpinner}>
+    <AdminPageLayout title={title} backendUrl={backendUrl} header={header} loading={isLoading}>
       <div className={styles.action_row}>
-        <ImageQuery allImages={allImages} setImages={setImages} />
+        <InputField
+          icon="mdi:search"
+          value={searchInput}
+          onChange={handleSearchChange}
+          placeholder={t(KEY.common_search)}
+        />
       </div>
       <div className={styles.imageContainer}>
-        {displayImages.map((element) => (
+        {images.map((element) => (
           <AdminImage key={element.id} image={element} className={styles.imageBox} />
         ))}
-        {/* TODO pagination or translation */}
-        {images.length > displayImages.length && <i>And {images.length - displayImages.length} more...</i>}
+      </div>
+      <div style={{ display: 'flex', justifyContent: 'center', marginTop: '2rem' }}>
+        <PagedPagination
+          currentPage={currentPage}
+          totalItems={totalCount}
+          pageSize={PAGE_SIZE}
+          onPageChange={setCurrentPage}
+        />
       </div>
     </AdminPageLayout>
   );
diff --git a/frontend/src/api.ts b/frontend/src/api.ts
index f644fd873..bd6998b46 100644
--- a/frontend/src/api.ts
+++ b/frontend/src/api.ts
@@ -58,6 +58,7 @@ import { ROUTES } from '~/routes';
 import type { BilligEventDto } from './apis/billig/billigDtos';
 import { BACKEND_DOMAIN } from './constants';
 import type { PageNumberPaginationType } from './types';
+import { buildPaginatedUrl } from './utils';
 
 export async function getCsrfToken(): Promise<string> {
   const url = BACKEND_DOMAIN + ROUTES.backend.samfundet__csrf;
@@ -569,6 +570,21 @@ export async function getImages(): Promise<ImageDto[]> {
   return response.data;
 }
 
+export async function getImagesPaginated(
+  page: number,
+  pageSize?: number,
+  search?: string,
+): Promise<PageNumberPaginationType<ImageDto>> {
+  const url = buildPaginatedUrl(
+    BACKEND_DOMAIN + ROUTES.backend.samfundet__images_list,
+    page,
+    pageSize,
+    search ? { search } : undefined,
+  );
+  const response = await axios.get<PageNumberPaginationType<ImageDto>>(url, { withCredentials: true });
+  return response.data;
+}
+
 export async function getImage(id: string | number): Promise<ImageDto> {
   const url = BACKEND_DOMAIN + reverse({ pattern: ROUTES.backend.samfundet__images_detail, urlParams: { pk: id } });
   const response = await axios.get<ImageDto>(url, { withCredentials: true });
diff --git a/frontend/src/queryKeys.ts b/frontend/src/queryKeys.ts
index aed311870..add88d9e5 100644
--- a/frontend/src/queryKeys.ts
+++ b/frontend/src/queryKeys.ts
@@ -82,3 +82,11 @@ export const venueKeys = {
   detail: (slug: string) => [...venueKeys.details(), slug] as const,
   open: () => [...venueKeys.list(['open'])] as const,
 };
+
+export const imageKeys = {
+  all: ['images'] as const,
+  lists: () => [...imageKeys.all, 'list'] as const,
+  list: (page: number, search?: string) => [...imageKeys.lists(), { page, search }] as const,
+  details: () => [...imageKeys.all, 'detail'] as const,
+  detail: (id: number) => [...imageKeys.details(), id] as const,
+};
diff --git a/frontend/src/routes/backend.ts b/frontend/src/routes/backend.ts
index 1c73f75ff..c994d2db4 100644
--- a/frontend/src/routes/backend.ts
+++ b/frontend/src/routes/backend.ts
@@ -336,4 +336,4 @@ export const ROUTES_BACKEND = {
   samfundet__recruitment_all_applications: '/recruitment/all-applications/',
   static__path: '/static/:path',
   media__path: '/media/:path',
-} as const;
+} as const;
\ No newline at end of file
diff --git a/frontend/src/utils.ts b/frontend/src/utils.ts
index 48771da8a..9e5c6f944 100644
--- a/frontend/src/utils.ts
+++ b/frontend/src/utils.ts
@@ -499,3 +499,38 @@ export function handleServerFormErrors<T extends z.ZodType>(
     toast.error(i18next.t(KEY.error_generic_description));
   }
 }
+
+/**
+ * Build URL with pagination query parameters
+ * @param baseUrl - The base URL for the API endpoint
+ * @param page - Current page number (1-indexed)
+ * @param pageSize - Number of items per page (optional, defaults to backend default)
+ * @param additionalParams - Additional query parameters as key-value pairs
+ * @returns Complete URL with pagination parameters
+ * @example
+ * buildPaginatedUrl('/api/images', 1, 20, { search: 'test' })
+ * // Returns: '/api/images?page=1&page_size=20&search=test'
+ */
+export function buildPaginatedUrl(
+  baseUrl: string,
+  page: number,
+  pageSize?: number,
+  additionalParams?: Record<string, string | number | boolean | undefined>,
+): string {
+  const params = new URLSearchParams();
+  params.append('page', page.toString());
+
+  if (pageSize !== undefined) {
+    params.append('page_size', pageSize.toString());
+  }
+
+  if (additionalParams) {
+    for (const [key, value] of Object.entries(additionalParams)) {
+      if (value !== undefined) {
+        params.append(key, value.toString());
+      }
+    }
+  }
+
+  return `${baseUrl}?${params.toString()}`;
+}

From 3bb25a14014db1d8fb7abaae1117232502d2895e Mon Sep 17 00:00:00 2001
From: Erik Hoff <142814286+aTrueYety@users.noreply.github.com>
Date: Thu, 26 Feb 2026 19:38:08 +0100
Subject: [PATCH 28/79] Add pagination and filtering to ImagePicker component
 (#2073)

* Add pagination and filtering to ImagePicker component

* Add pagination and filtering backend in ImagePicker component

* remove old getImages endpoint

* Move styling in imape picker to sass

---------

Co-authored-by: Erik <eahoff@gmail.com>
---
 .../ImagePicker/ImagePicker.module.scss       | 12 ++++
 .../Components/ImagePicker/ImagePicker.tsx    | 66 ++++++++++++++++---
 frontend/src/api.ts                           |  6 --
 3 files changed, 69 insertions(+), 15 deletions(-)

diff --git a/frontend/src/Components/ImagePicker/ImagePicker.module.scss b/frontend/src/Components/ImagePicker/ImagePicker.module.scss
index 1995fc242..b0c1ba438 100644
--- a/frontend/src/Components/ImagePicker/ImagePicker.module.scss
+++ b/frontend/src/Components/ImagePicker/ImagePicker.module.scss
@@ -4,6 +4,7 @@
 
 .container {
   @include flex-row-center;
+  justify-content: space-evenly;
   gap: 0.5em;
 }
 
@@ -66,3 +67,14 @@
     transform: scale(1);
   }
 }
+
+.search_wrapper {
+  display: flex;
+  flex-direction: column;
+}
+
+.pagination_wrapper {
+  display: flex;
+  justify-content: center;
+  margin-top: 1rem;
+}
diff --git a/frontend/src/Components/ImagePicker/ImagePicker.tsx b/frontend/src/Components/ImagePicker/ImagePicker.tsx
index 89d1445e5..16f58b078 100644
--- a/frontend/src/Components/ImagePicker/ImagePicker.tsx
+++ b/frontend/src/Components/ImagePicker/ImagePicker.tsx
@@ -1,14 +1,20 @@
 import { Icon } from '@iconify/react';
+import { keepPreviousData, useQuery } from '@tanstack/react-query';
 import classNames from 'classnames';
-import { type ReactNode, useEffect, useState } from 'react';
+import { type ReactNode, useCallback, useEffect, useRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import { getImages } from '~/api';
+import { getImagesPaginated } from '~/api';
 import { BACKEND_DOMAIN } from '~/constants';
 import type { ImageDto } from '~/dto';
 import { KEY } from '~/i18n/constants';
+import { imageKeys } from '~/queryKeys';
 import { backgroundImageFromUrl } from '~/utils';
+import { InputField } from '../InputField';
+import { PagedPagination } from '../Pagination';
 import styles from './ImagePicker.module.scss';
 
+const PAGE_SIZE = 12;
+
 export type ImagePickerProps = {
   onSelected?(image: ImageDto): void;
   selectedImage?: ImageDto;
@@ -17,13 +23,36 @@ export type ImagePickerProps = {
 export function ImagePicker({ onSelected, selectedImage }: ImagePickerProps) {
   const { t } = useTranslation();
   const [selected, setSelected] = useState<ImageDto | undefined>(selectedImage);
-  const [images, setImages] = useState<ImageDto[]>([]);
+  const [currentPage, setCurrentPage] = useState<number>(1);
+  const [searchInput, setSearchInput] = useState<string>('');
+  const [debouncedSearch, setDebouncedSearch] = useState<string>('');
+  const debounceTimeout = useRef<NodeJS.Timeout>();
 
+  // Debounce search input
   useEffect(() => {
-    getImages()
-      .then((imgs) => setImages(imgs))
-      .catch(() => console.error);
-  }, []);
+    clearTimeout(debounceTimeout.current);
+    debounceTimeout.current = setTimeout(() => {
+      setDebouncedSearch(searchInput);
+    }, 300);
+
+    return () => clearTimeout(debounceTimeout.current);
+  }, [searchInput]);
+
+  // Reset to page 1 when search changes
+  // biome-ignore lint/correctness/useExhaustiveDependencies: Need to trigger on debouncedSearch change
+  useEffect(() => {
+    setCurrentPage(1);
+  }, [debouncedSearch]);
+
+  // Fetch images using React Query
+  const { data } = useQuery({
+    queryKey: imageKeys.list(currentPage, debouncedSearch || undefined),
+    queryFn: () => getImagesPaginated(currentPage, PAGE_SIZE, debouncedSearch || undefined),
+    placeholderData: keepPreviousData,
+  });
+
+  const images = data?.results ?? [];
+  const totalCount = data?.count ?? 0;
 
   function select(image: ImageDto) {
     setSelected(image);
@@ -43,6 +72,10 @@ export function ImagePicker({ onSelected, selectedImage }: ImagePickerProps) {
     );
   }
 
+  const handleSearchChange = useCallback((value: string) => {
+    setSearchInput(value);
+  }, []);
+
   return (
     <div className={styles.container}>
       <div className={styles.selected_container}>
@@ -55,9 +88,24 @@ export function ImagePicker({ onSelected, selectedImage }: ImagePickerProps) {
             </>
           )}
         </div>
-        {/* TODO tags and other metadata */}
       </div>
-      <div className={styles.image_container}>{images.map((image) => renderImage(image))}</div>
+      <div className={styles.search_wrapper}>
+        <InputField
+          icon="mdi:search"
+          value={searchInput}
+          onChange={handleSearchChange}
+          placeholder={t(KEY.common_search)}
+        />
+        <div className={styles.image_container}>{images.map((image) => renderImage(image))}</div>
+        <div className={styles.pagination_wrapper}>
+          <PagedPagination
+            currentPage={currentPage}
+            totalItems={totalCount}
+            pageSize={PAGE_SIZE}
+            onPageChange={setCurrentPage}
+          />
+        </div>
+      </div>
     </div>
   );
 }
diff --git a/frontend/src/api.ts b/frontend/src/api.ts
index bd6998b46..7215af6e6 100644
--- a/frontend/src/api.ts
+++ b/frontend/src/api.ts
@@ -564,12 +564,6 @@ export async function deleteClosedPeriod(id: string | number): Promise<AxiosResp
   return response;
 }
 
-export async function getImages(): Promise<ImageDto[]> {
-  const url = BACKEND_DOMAIN + ROUTES.backend.samfundet__images_list;
-  const response = await axios.get<ImageDto[]>(url, { withCredentials: true });
-  return response.data;
-}
-
 export async function getImagesPaginated(
   page: number,
   pageSize?: number,

From 654f19940a44a91333950c6c111fa790f1511a5b Mon Sep 17 00:00:00 2001
From: BragonSB <brage.sebastian.brevik@gmail.com>
Date: Thu, 26 Feb 2026 21:52:55 +0100
Subject: [PATCH 29/79] feat: add Choose as the default value in the Dropdowns
 (#2084)

---
 .../EventCreatorAdminPage/EventCreatorAdminPage.tsx | 13 +++++++------
 .../components/PaymentForm.tsx                      |  2 +-
 2 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/frontend/src/PagesAdmin/EventCreatorAdminPage/EventCreatorAdminPage.tsx b/frontend/src/PagesAdmin/EventCreatorAdminPage/EventCreatorAdminPage.tsx
index f95eb2c30..eb42ad5ba 100644
--- a/frontend/src/PagesAdmin/EventCreatorAdminPage/EventCreatorAdminPage.tsx
+++ b/frontend/src/PagesAdmin/EventCreatorAdminPage/EventCreatorAdminPage.tsx
@@ -90,12 +90,12 @@ export function EventCreatorAdminPage() {
       start_dt: '',
       duration: 0,
       end_dt: '',
-      category: eventCategoryOptions[0].value,
+      category: undefined,
       host: '',
-      location: locationOptions.length > 0 ? locationOptions[0].value : '',
+      location: undefined,
       capacity: undefined,
-      age_restriction: 'none',
-      ticket_type: 'free',
+      age_restriction: undefined,
+      ticket_type: undefined,
       custom_tickets: [],
       billig_id: undefined,
       image: undefined,
@@ -335,7 +335,7 @@ export function EventCreatorAdminPage() {
                 <FormItem className={styles.form_item}>
                   <FormLabel>{t(KEY.category)}</FormLabel>
                   <FormControl>
-                    <Dropdown options={eventCategoryOptions} {...field} />
+                    <Dropdown options={eventCategoryOptions} nullOption={{ label: t(KEY.common_choose) }} {...field} />
                   </FormControl>
                   <FormMessage />
                 </FormItem>
@@ -369,6 +369,7 @@ export function EventCreatorAdminPage() {
                     <FormControl>
                       <Dropdown
                         options={venues.map((venue) => ({ value: venue.name, label: venue.name }))}
+                        nullOption={{ label: t(KEY.common_choose) }}
                         {...field}
                       />
                     </FormControl>
@@ -420,7 +421,7 @@ export function EventCreatorAdminPage() {
               <FormItem className={styles.form_item}>
                 <FormLabel>{t(KEY.common_age_limit)}</FormLabel>
                 <FormControl>
-                  <Dropdown options={ageLimitOptions} {...field} />
+                  <Dropdown options={ageLimitOptions} nullOption={{ label: t(KEY.common_choose) }} {...field} />
                 </FormControl>
                 <FormMessage />
               </FormItem>
diff --git a/frontend/src/PagesAdmin/EventCreatorAdminPage/components/PaymentForm.tsx b/frontend/src/PagesAdmin/EventCreatorAdminPage/components/PaymentForm.tsx
index 2016ca4bf..b9dfaf575 100644
--- a/frontend/src/PagesAdmin/EventCreatorAdminPage/components/PaymentForm.tsx
+++ b/frontend/src/PagesAdmin/EventCreatorAdminPage/components/PaymentForm.tsx
@@ -53,7 +53,7 @@ export function PaymentForm({ event, onChange }: PaymentFormProps) {
           <FormItem>
             <FormLabel>{t(KEY.common_the_ticket_type)}</FormLabel>
             <FormControl>
-              <Dropdown options={ticketTypeOptions} {...field} />
+              <Dropdown options={ticketTypeOptions} nullOption={{ label: t(KEY.common_choose) }} {...field} />
             </FormControl>
             <FormMessage />
           </FormItem>

From 4c665ff8ba1a1e8f06674ca38c2d437bfca5d929 Mon Sep 17 00:00:00 2001
From: Tor Madsen <69582484+Madt2@users.noreply.github.com>
Date: Thu, 5 Mar 2026 19:53:44 +0100
Subject: [PATCH 30/79] 1962 recreate samf3 navbar in samf 4 (#1966)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* Refactored Navbar to have same menu items as samf3 navbar. Styling not done

* Corrected vulunteer link

* Copied navbar items and css, and removed unused styling for samf 3 navbar

* Renamed css to samf3 naming scheme, and updated navbar item ref to samf 3 navbar items. Also split recruitment from the rest of the navbar links / items.

* Fixed unupdated navbar item ref

* Removed theme switch, samf 3 navbar does not have theme switch

* Removed transparancy check, samf3 navbar does not have transparancy

* Added missing recruitment button

* Added missing export for navbarItems for samf 3 navbar

* Fixed missing translations

* Fixed unsafe use of variables in route links

* Fixed suggested feedback from PR.

* Updated comments

* Merged master into branch

* Fixed biome errors

* Fixed navbar going over front page image.

* Fixed comments from pr

* Biome onclick issue solved, and navbar links are tabbable

* Removed unused hook, and fixed biome feedback

* Add myself to the list of contributors for H25 (#1959)

* Bump tmp from 0.2.3 to 0.2.4 in /frontend (#1916)

Bumps [tmp](https://github.com/raszi/node-tmp) from 0.2.3 to 0.2.4.
- [Changelog](https://github.com/raszi/node-tmp/blob/master/CHANGELOG.md)
- [Commits](https://github.com/raszi/node-tmp/compare/v0.2.3...v0.2.4)

---
updated-dependencies:
- dependency-name: tmp
  dependency-version: 0.2.4
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Lidavic <148764396+Lidavic@users.noreply.github.com>

* Add member button link to ITK Samf member site (#1983)

* Add member button link to ITK Samf member site

New member button in the Navbar that links to the Samfundet member site using a constant defined in samf-three.ts. Also refactors cookie property check for impersonation to use Object.prototype.hasOwnProperty because it's safer and more reliable

* Update frontend/src/Components/Navbar/Navbar.tsx

Co-authored-by: Robin <16273164+robines@users.noreply.github.com>

---------

Co-authored-by: Robin <16273164+robines@users.noreply.github.com>

* Bump django-cors-headers from 4.7.0 to 4.9.0 in /backend (#1974)

Bumps [django-cors-headers](https://github.com/adamchainz/django-cors-headers) from 4.7.0 to 4.9.0.
- [Changelog](https://github.com/adamchainz/django-cors-headers/blob/main/CHANGELOG.rst)
- [Commits](https://github.com/adamchainz/django-cors-headers/compare/4.7.0...4.9.0)

---
updated-dependencies:
- dependency-name: django-cors-headers
  dependency-version: 4.9.0
  dependency-type: direct:production
  update-type: version-update:semver-minor
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

* Bump djangorestframework from 3.16.0 to 3.16.1 in /backend (#1973)

Bumps [djangorestframework](https://github.com/encode/django-rest-framework) from 3.16.0 to 3.16.1.
- [Release notes](https://github.com/encode/django-rest-framework/releases)
- [Commits](https://github.com/encode/django-rest-framework/compare/3.16.0...3.16.1)

---
updated-dependencies:
- dependency-name: djangorestframework
  dependency-version: 3.16.1
  dependency-type: direct:production
  update-type: version-update:semver-patch
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

* Bump bandit from 1.8.3 to 1.8.6 in /backend (#1990)

Bumps [bandit](https://github.com/PyCQA/bandit) from 1.8.3 to 1.8.6.
- [Release notes](https://github.com/PyCQA/bandit/releases)
- [Commits](https://github.com/PyCQA/bandit/compare/1.8.3...1.8.6)

---
updated-dependencies:
- dependency-name: bandit
  dependency-version: 1.8.6
  dependency-type: direct:development
  update-type: version-update:semver-patch
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

* Add new font via adobe fonts (#1970)

* Add new font via adobe fonts

* biome

* Update contributors (#1992)

* Bump requests from 2.32.4 to 2.32.5 in /backend (#1988)

Bumps [requests](https://github.com/psf/requests) from 2.32.4 to 2.32.5.
- [Release notes](https://github.com/psf/requests/releases)
- [Changelog](https://github.com/psf/requests/blob/main/HISTORY.md)
- [Commits](https://github.com/psf/requests/compare/v2.32.4...v2.32.5)

---
updated-dependencies:
- dependency-name: requests
  dependency-version: 2.32.5
  dependency-type: direct:development
  update-type: version-update:semver-patch
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

* Bump js-yaml from 4.1.0 to 4.1.1 in /frontend (#1995)

Bumps [js-yaml](https://github.com/nodeca/js-yaml) from 4.1.0 to 4.1.1.
- [Changelog](https://github.com/nodeca/js-yaml/blob/master/CHANGELOG.md)
- [Commits](https://github.com/nodeca/js-yaml/compare/4.1.0...4.1.1)

---
updated-dependencies:
- dependency-name: js-yaml
  dependency-version: 4.1.1
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

* Add .sqlite3 files to .gitignore (#1997)

* Remove inactive codeowners, remove lockfile codeowners (#1999)

* Bump django from 5.1.9 to 5.1.14 in /backend (#1996)

Bumps [django](https://github.com/django/django) from 5.1.9 to 5.1.14.
- [Commits](https://github.com/django/django/compare/5.1.9...5.1.14)

---
updated-dependencies:
- dependency-name: django
  dependency-version: 5.1.14
  dependency-type: direct:production
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

* Bump @tanstack/react-query from 5.69.0 to 5.84.0 in /frontend (#1912)

Bumps [@tanstack/react-query](https://github.com/TanStack/query/tree/HEAD/packages/react-query) from 5.69.0 to 5.84.0.
- [Release notes](https://github.com/TanStack/query/releases)
- [Commits](https://github.com/TanStack/query/commits/v5.84.0/packages/react-query)

---
updated-dependencies:
- dependency-name: "@tanstack/react-query"
  dependency-version: 5.84.0
  dependency-type: direct:production
  update-type: version-update:semver-minor
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Eilif Hjermann Lindblad <eilifhl@stud.ntnu.no>

* Bump mypy from 1.15.0 to 1.17.1 in /backend (#1911)

Bumps [mypy](https://github.com/python/mypy) from 1.15.0 to 1.17.1.
- [Changelog](https://github.com/python/mypy/blob/master/CHANGELOG.md)
- [Commits](https://github.com/python/mypy/compare/v1.15.0...v1.17.1)

---
updated-dependencies:
- dependency-name: mypy
  dependency-version: 1.17.1
  dependency-type: direct:development
  update-type: version-update:semver-minor
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Eilif Hjermann Lindblad <eilifhl@stud.ntnu.no>

* Bump axios from 1.8.4 to 1.12.0 in /frontend (#1964)

Bumps [axios](https://github.com/axios/axios) from 1.8.4 to 1.12.0.
- [Release notes](https://github.com/axios/axios/releases)
- [Changelog](https://github.com/axios/axios/blob/v1.x/CHANGELOG.md)
- [Commits](https://github.com/axios/axios/compare/v1.8.4...v1.12.0)

---
updated-dependencies:
- dependency-name: axios
  dependency-version: 1.12.0
  dependency-type: direct:production
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

* Bump axios from 1.8.4 to 1.12.2 in /frontend (#1975)

Bumps [axios](https://github.com/axios/axios) from 1.8.4 to 1.12.2.
- [Release notes](https://github.com/axios/axios/releases)
- [Changelog](https://github.com/axios/axios/blob/v1.x/CHANGELOG.md)
- [Commits](https://github.com/axios/axios/compare/v1.8.4...v1.12.2)

---
updated-dependencies:
- dependency-name: axios
  dependency-version: 1.12.2
  dependency-type: direct:production
  update-type: version-update:semver-minor
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

* Disable everything in control panel except for events, images and opening hours (#1967)

* Add ControlPanelFeature type

* Add ControlPanelFeature const and check if feature is enabled

* Add ControlPanelFeatureGate to reroute disabled features to an enabled one

* Remove backend urls unrelated to next release

* Fix after failed checks

* Fix after failed checks

* Fix after failed checks

* Add FeatureEnabled permission class

* Remove tests for disabled features

* Remove unused imports

* Fix ruff format

* Add tests for FeatureEnabled

* Add skip for tests for tests not relevant for release

* Fix ruff

* Fix based on pr comments

* Add decorator function for registering disabling features not for first release

* Add decorator to admin.py

* Fix ruff and biome

* Fix test after updating admin routes

* Fix isControlPanelFeatureEnabled to not be nullable

* Upgrade to Vite 6 (#2001)

* Update from vite v4 to v5

* Upgrade to vite 6

* Set module resolution for browser and node to bundler

* Sass: migrate from JS API to Modern API (#2002)

* Refactor feature gate (#2004)

* Rename: ControlPanelFeature -> SiteFeature

Also move from config to constants folder

* Rename "Gate" alias from router for clarity on what kind of Gate it is

* Redirect to home instead of first admin page

* biome

* Disable Sulten/Lyche frontend pages (#2003)

* Disable Sulten/Lyche frontend pages

* biome

* Fix from merge

* Wrap (and disable some) public pages in SiteFeatureGate (#2005)

* Disable public recruitment pages

* Add site feature check to recruitmentLoader

* biome

* Disable info pages

* don't format site feature gate wrapper with biome

* Wrap gangs, events, and saksdokumenter in SiteFeatureGates

* Add venues as SiteFeature, wrap venues page with gate

* Don't unnecessarily wrap single-route Routes with Outlets

* Wrap and disable membership page

* ignore formatting

* Bump drf-spectacular from 0.28.0 to 0.29.0 in /backend (#2007)

Bumps [drf-spectacular](https://github.com/tfranzel/drf-spectacular) from 0.28.0 to 0.29.0.
- [Release notes](https://github.com/tfranzel/drf-spectacular/releases)
- [Changelog](https://github.com/tfranzel/drf-spectacular/blob/master/CHANGELOG.rst)
- [Commits](https://github.com/tfranzel/drf-spectacular/compare/0.28.0...0.29.0)

---
updated-dependencies:
- dependency-name: drf-spectacular
  dependency-version: 0.29.0
  dependency-type: direct:development
  update-type: version-update:semver-minor
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

* Bump debugpy from 1.8.14 to 1.8.17 in /backend (#2011)

Bumps [debugpy](https://github.com/microsoft/debugpy) from 1.8.14 to 1.8.17.
- [Release notes](https://github.com/microsoft/debugpy/releases)
- [Commits](https://github.com/microsoft/debugpy/compare/v1.8.14...v1.8.17)

---
updated-dependencies:
- dependency-name: debugpy
  dependency-version: 1.8.17
  dependency-type: direct:development
  update-type: version-update:semver-patch
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

* Add SCSS color palette from redesign (#2017)

* Add color palette

* Add basic variables for text colors

* Create NewBadge component (#2018)

* Create NewBadge component

* biome

* Add santa hat to navbar logo during December (#2019)

* Delete unused EventCard component (was replaced by ImageCard) (#2020)

* Increase stylelint selector-max-type to 1 (#2022)

* Create Block composite components (#2021)

* Create Block composite components

* Fix descending specificity

* Decrease intensity of header/footer gradients slightly

* Add storybook file

* Remove storybook file (our new font isnt loading)

* Remove confusing custom ReactNode Children alias (#2023)

* Add missing event categories from samf3, and add translations for all categories (#2024)

* Event: Make capacity optional (#2025)

* Create new EventCard component (#2000)

* Begin creating new event card component

* Set all anchor tags' text-decoration to none

* Use NewBadge. biome

* adjust z-index

* Add box shadow to event badge

* Use placeholder image

* Start badge and CTA logic, display location. Tweak styling

Also:
* Add blue badge theme
* Fix and adjust TimeDisplay event formatting

* Rename NewEventCard to EventCard

* Make Badge inline-flex, add outline-white theme

* Remove a tag color specification in themes

* Fix merge: add back Block example in ComponentPage

* Block: slightly decrease opacity of footer gradient and decrease header

* Block: Improve gradients through easing

* BlockImage: Use background-image instead of img element

* Use Block components in EventCard

* Block: Add white theme

* Add text shadow to bottom text and show event category

* Update location class name

* biome

* Show translated event category

* Simplify fake events creation in ComponentPage

* Set letter-spacing for BlockTitle

* Update component page

* Change "free" badge to green theme

* Round edges more, sharpen on hover

* Nesten utsolgt -> Få billetter igjen

Matches samf3

* Switch out Buy ticket arrow icon

* Create EventCardContainer. Allow more customization of EventCard/Block

* Fix biome & stylelint

* Don't show CTA if event is free

* Fixed Tsc error

* biome fix

* Added theme button to mobile navbar view, added membersbutton to navbar, and updated text for internal login.

* removed unused function

* removed unnecessary const declaration

* removed duplicate const

* Fixed routes_samf_tree const

* Fixed samf-three-routes const

* Reverted translations and reverted to "login" button instead of "intern", fixed breakpionts for navbar desktop to mobile

* Clean up navbar styling comments in SCSS

Removed commented TODOs regarding navbar styling.

* Fix import path for NavbarSamfThree component

* Moved samf three navbar to its own folder

* biome...

* added missing newline

---------

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: Sten <117273647+StenOskar@users.noreply.github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Lidavic <148764396+Lidavic@users.noreply.github.com>
Co-authored-by: Robin <16273164+robines@users.noreply.github.com>
Co-authored-by: Eilif Hjermann Lindblad <eilifhl@stud.ntnu.no>
Co-authored-by: Heidi Herfindal Rasmussen <144371674+hei98@users.noreply.github.com>
---
 .../NavbarSamfThree/Navbar.module.scss        | 324 ++++++++++++++++++
 .../NavbarSamfThree/Navbar.stories.tsx        |  15 +
 .../src/Components/NavbarSamfThree/Navbar.tsx | 312 +++++++++++++++++
 .../HamburgerMenu/HamburgerMenu.module.scss   |  48 +++
 .../HamburgerMenu/HamburgerMenu.tsx           |  27 ++
 .../components/HamburgerMenu/index.ts         |   1 +
 .../LanguageButton/LanguageButton.module.scss |  18 +
 .../LanguageButton/LanguageButton.tsx         |  28 ++
 .../components/LanguageButton/index.ts        |   1 +
 .../components/NavbarItem/NavbarItem.tsx      | 115 +++++++
 .../components/NavbarItem/index.ts            |   1 +
 .../NavbarSamfThree/components/index.ts       |   3 +
 .../src/Components/NavbarSamfThree/index.ts   |   1 +
 .../src/Components/SamfOutlet/SamfOutlet.tsx  |   5 +-
 frontend/src/_constants.scss                  |  12 +-
 frontend/src/constants/constants.ts           |   7 +-
 frontend/src/i18n/constants.ts                |   3 +
 frontend/src/i18n/translations.ts             |   6 +
 frontend/src/routes/samf-three.ts             |  18 +-
 19 files changed, 930 insertions(+), 15 deletions(-)
 create mode 100644 frontend/src/Components/NavbarSamfThree/Navbar.module.scss
 create mode 100644 frontend/src/Components/NavbarSamfThree/Navbar.stories.tsx
 create mode 100644 frontend/src/Components/NavbarSamfThree/Navbar.tsx
 create mode 100644 frontend/src/Components/NavbarSamfThree/components/HamburgerMenu/HamburgerMenu.module.scss
 create mode 100644 frontend/src/Components/NavbarSamfThree/components/HamburgerMenu/HamburgerMenu.tsx
 create mode 100644 frontend/src/Components/NavbarSamfThree/components/HamburgerMenu/index.ts
 create mode 100644 frontend/src/Components/NavbarSamfThree/components/LanguageButton/LanguageButton.module.scss
 create mode 100644 frontend/src/Components/NavbarSamfThree/components/LanguageButton/LanguageButton.tsx
 create mode 100644 frontend/src/Components/NavbarSamfThree/components/LanguageButton/index.ts
 create mode 100644 frontend/src/Components/NavbarSamfThree/components/NavbarItem/NavbarItem.tsx
 create mode 100644 frontend/src/Components/NavbarSamfThree/components/NavbarItem/index.ts
 create mode 100644 frontend/src/Components/NavbarSamfThree/components/index.ts
 create mode 100644 frontend/src/Components/NavbarSamfThree/index.ts

diff --git a/frontend/src/Components/NavbarSamfThree/Navbar.module.scss b/frontend/src/Components/NavbarSamfThree/Navbar.module.scss
new file mode 100644
index 000000000..fbcd81d9c
--- /dev/null
+++ b/frontend/src/Components/NavbarSamfThree/Navbar.module.scss
@@ -0,0 +1,324 @@
+/* stylelint-disable function-comma-space-after */
+/* stylelint-disable selector-max-compound-selectors */
+/* stylelint-disable selector-max-class */
+/* TODO: fix later */
+
+@use 'src/mixins' as *;
+
+@use 'src/constants' as *;
+
+// Font
+$navbar-font-family: 'futura-pt', 'Lato', sans-serif;
+
+// Background
+$navbar-bg: white;
+$navbar-bg-transparent: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, transparent);
+$navbar-bg-dark: black;
+$navbar-bg-dark-transparent: $navbar-bg-transparent;
+$navbar-dropdown-bg: rgba(255, 255, 255, 1);
+$navbar-dropdown-bg-dark: rgba(0, 0, 0, 1);
+$navbar-dropdown-border-radius: 0 0 0.5em 0.5em;
+
+// Link
+$navbar-link-blur-light-bg: rgba(255, 255, 255, 0.4);
+$navbar-link-blur-dark-bg: rgba(0, 0, 0, 0.4);
+$navbar-link-light-hover-gradient-top: #f4f4f4;
+$navbar-dropdown-link-light-hover: #202020;
+$navbar-dropdown-link-dark-hover: $red-samf;
+$navbar-link-light-hover-gradient-bottom: #ffffff;
+$navbar-link-dark-hover-gradient-top: #151515;
+$navbar-link-dark-hover-gradient-bottom: #000000;
+$navbar-link-transparent-hover-gradient-top: rgba(255, 255, 255, 0.1);
+$navbar-link-transparent-hover-gradient-bottom: transparent;
+
+/* Inner container with padding */
+.navbar_outlet {
+  padding-top: $navbar-height;
+}
+
+/* Content padding */
+.navbar_padding {
+  margin-top: $navbar-height;
+}
+
+/* Main navbar */
+#navbar_container {
+  position: fixed;
+  top: 0;
+  width: 100%;
+  height: $navbar-height;
+  background: $navbar-bg-dark;
+  color: $white;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 12;
+  white-space: nowrap;
+  box-shadow: 0 0 25px 5px rgba(0, 0, 0, 0);
+}
+
+.navbar_inner {
+  flex: 1;
+  max-width: 1200px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  height: 100%;
+}
+
+.navbar_item {
+  display: flex;
+  flex: 1;
+  height: 100%;
+  position: relative;
+}
+
+.navbar_item_icon {
+  margin-right: 0.25rem;
+}
+
+.hidden {
+  display: none;
+}
+
+.navbar_mobile_item {
+  position: relative;
+}
+
+.mobile_dropdown_container {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+}
+
+.dropdown_container {
+  position: absolute;
+  pointer-events: none;
+  top: 100%;
+  min-width: 130%;
+  z-index: 1;
+  display: flex;
+  flex-direction: column;
+  background-color: $navbar-dropdown-bg-dark;
+  color: $white;
+  box-shadow: 0 0 25px 5px rgba(0, 0, 0, 0);
+  overflow: hidden;
+  transform: scaleY(0);
+  transform-origin: 50% 0%;
+  opacity: 0;
+}
+
+.dropdown_container_left .dropdown_container {
+  right: 0;
+}
+
+.dropdown_open {
+  pointer-events: all;
+  overflow: visible;
+  transform: scaleY(1);
+  opacity: 1;
+}
+
+.navbar_dropdown_link,
+.navbar_logout_button {
+  padding: 0.5rem 1rem;
+  text-decoration: none;
+  color: $white;
+  cursor: pointer;
+  font-size: inherit;
+  display: flex;
+  align-items: center;
+  gap: 0.3rem;
+  background: none;
+  border: none;
+
+  @include theme-dark {
+    color: $white;
+  }
+
+  &:hover {
+    background: $navbar-dropdown-link-dark-hover;
+    text-decoration: none;
+  }
+}
+
+/* Desktop navigation items */
+.navbar_main_links {
+  display: flex;
+  justify-content: space-between;
+  height: 100%;
+  margin-right: auto;
+  font-size: 16px;
+  font-family: $navbar-font-family;
+  text-transform: uppercase;
+}
+
+.navbar_main_links_mobile {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+.navbar_link {
+  color: inherit;
+  display: flex;
+  align-items: center;
+  text-decoration: none;
+  padding: 0 1rem;
+  height: 100%;
+  cursor: pointer;
+  flex: 1;
+  text-align: center;
+  justify-content: center;
+  z-index: 2;
+  font-size: inherit;
+
+  &:hover {
+    text-decoration: none;
+  }
+
+  @include for-tablet-down {
+    display: none;
+  }
+
+  // This ensures navbar dropdown shadow does not lie
+  // on top of the navbar item
+  &.selected {
+    background-color: $navbar-bg-dark;
+  }
+
+  /* Link hover for regular navbar */
+}
+
+/* Samf logo */
+.navbar_logo {
+  display: flex;
+  text-decoration: none;
+  margin: 0 1rem;
+  width: 250px;
+  cursor: pointer;
+}
+
+#navbar_logo_img {
+  width: 100%; // QUESTION: Why is this needed?
+}
+
+/* Widgets with language, theme, login */
+.navbar_widgets {
+  display: flex;
+  align-items: center;
+  justify-content: space-evenly;
+  margin-right: 24px;
+  margin-left: 24px;
+  gap: 15px;
+  height: 100%;
+
+  @include for-tablet-down {
+    display: none;
+  }
+}
+
+/* Container for profile */
+.navbar_profile_button {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  white-space: nowrap;
+  cursor: pointer;
+  padding-left: 6px;
+  padding-right: 6px;
+  background-color: inherit;
+  gap: 5px;
+
+  @include for-desktop-up {
+    height: 100%;
+  }
+
+  .profile_icon {
+    width: 16px;
+    height: 16px;
+  }
+
+  .profile_text {
+    text-decoration: none;
+    color: inherit;
+  }
+
+  &:hover {
+    color: $red-samf;
+  }
+}
+
+/* Mobile popup navigation */
+#mobile_popup_container {
+  position: fixed;
+  top: $navbar-height;
+  left: 0;
+  width: 100vw;
+  height: calc(100vh - $navbar-height);
+  min-height: 400px;
+  background: $navbar-bg-dark;
+  color: white;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  z-index: 100;
+  @include for-desktop-up {
+    display: none;
+  }
+}
+
+/* A way to make the "Information" text look more centered
+offsets the text by 18px, the size of the chevron-icon */
+#mobile_popup_container > .navbar_mobile_item:nth-child(2) {
+  margin-left: 18px;
+}
+
+/* Navbar link mobile */
+.popup_link_mobile {
+  color: inherit;
+  font-size: 1.5em;
+  margin-bottom: 1em;
+  align-items: center;
+  text-decoration: none;
+  padding: 0 1rem;
+  cursor: pointer;
+  display: flex;
+}
+
+.mobile_widgets {
+  display: flex;
+  align-items: center;
+  margin-top: 5em;
+  gap: 1em;
+}
+
+.mobile_user {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  gap: 0.5em;
+  max-width: 150px;
+  overflow: visible;
+  white-space: nowrap;
+}
+
+.chevron.flip {
+  transform: scaleY(-1);
+}
+
+// When this dropdown menu item is open and navbar is transparent
+// we add backdrop filter to the dropdown itself as well
+.selected {
+  background: $navbar-bg-dark;
+  color: $white;
+}
+
+.active_recruitment {
+  font-weight: 500;
+  color: $white;
+  border-radius: 0.25rem;
+  padding: 0.5rem 0.75rem;
+}
diff --git a/frontend/src/Components/NavbarSamfThree/Navbar.stories.tsx b/frontend/src/Components/NavbarSamfThree/Navbar.stories.tsx
new file mode 100644
index 000000000..d90c99338
--- /dev/null
+++ b/frontend/src/Components/NavbarSamfThree/Navbar.stories.tsx
@@ -0,0 +1,15 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { Navbar } from './Navbar';
+
+const meta: Meta<typeof Navbar> = {
+  title: 'Components/Navbar',
+  component: Navbar,
+};
+
+export default meta;
+
+type Story = StoryObj<typeof Navbar>;
+
+export const Basic: Story = {
+  args: {},
+};
diff --git a/frontend/src/Components/NavbarSamfThree/Navbar.tsx b/frontend/src/Components/NavbarSamfThree/Navbar.tsx
new file mode 100644
index 000000000..563e02d7a
--- /dev/null
+++ b/frontend/src/Components/NavbarSamfThree/Navbar.tsx
@@ -0,0 +1,312 @@
+// ******************************************************************************************************************************
+// Replication of Samf3 navbar. Use until Samf4 is fully ready.
+// ******************************************************************************************************************************
+
+import { Icon } from '@iconify/react';
+import { default as classNames } from 'classnames';
+import { useEffect, useState } from 'react';
+import { useCookies } from 'react-cookie';
+import { useTranslation } from 'react-i18next';
+import { useLocation, useNavigate } from 'react-router';
+import { Button, Link, ThemeSwitch } from '~/Components';
+import { getActiveRecruitments, logout, stopImpersonatingUser } from '~/api';
+import { logoWhite } from '~/assets';
+import { useAuthContext } from '~/context/AuthContext';
+import { useGlobalContext } from '~/context/GlobalContextProvider';
+import type { RecruitmentDto } from '~/dto';
+import { useDesktop } from '~/hooks';
+import { STATUS } from '~/http_status_codes';
+import { KEY } from '~/i18n/constants';
+import { ROUTES } from '~/routes';
+import { SAMF3_MEMBER_URL } from '~/routes/samf-three';
+import styles from './Navbar.module.scss';
+import { HamburgerMenu, LanguageButton } from './components';
+import { NavbarItem } from './components/NavbarItem';
+
+const scrollDistanceForOpaque = 30;
+
+export function Navbar() {
+  const { isMobileNavigation, setIsMobileNavigation } = useGlobalContext();
+  const { t, i18n } = useTranslation();
+  const { user, setUser } = useAuthContext();
+  const [activeRecruitments, setActiveRecruitments] = useState<RecruitmentDto[]>();
+  const navigate = useNavigate();
+  const isDesktop = useDesktop();
+  const [cookies, setCookie, removeCookie] = useCookies();
+
+  // Each NavbarItem can have a dropdown menu.
+  // We want only one of them to be extended at any time, therefore this parent component
+  // is given the responsibility of managing this.
+  // Store the label of the currently selected dropdown.
+  const [expandedDropdown, setExpandedDropdown] = useState('');
+
+  // Navbar style.
+  const isRootPath = useLocation().pathname === ROUTES.frontend.home;
+
+  useEffect(() => {
+    // Close expanded dropdown menu whenever mobile navbar is closed, or we switch from mobile to desktop, like when
+    // switching from portrait to landscape on iPad.
+    if (!isMobileNavigation || isDesktop) {
+      setExpandedDropdown('');
+    }
+  }, [isMobileNavigation, isDesktop]);
+
+  useEffect(() => {
+    getActiveRecruitments().then((response) => {
+      setActiveRecruitments(response.data);
+    });
+  }, []);
+
+  const showActiveRecruitments = activeRecruitments !== undefined && activeRecruitments?.length > 0;
+
+  // Return profile button for navbar if logged in.
+  const mobileProfileButton = (
+    <div className={styles.navbar_profile_button}>
+      <Icon icon="material-symbols:person" />
+      <Link url={ROUTES.frontend.admin} className={styles.profile_text}>
+        {user?.username}
+      </Link>
+    </div>
+  );
+
+  const infoLinks = (
+    <>
+      <a
+        href={ROUTES.samfThree.information.general}
+        className={styles.navbar_dropdown_link}
+        onClick={() => setExpandedDropdown('')}
+      >
+        {t(KEY.common_general)}
+      </a>
+      <a
+        href={ROUTES.samfThree.information.membership}
+        className={styles.navbar_dropdown_link}
+        onClick={() => setExpandedDropdown('')}
+      >
+        {t(KEY.common_membership)}
+      </a>
+      <a
+        href={ROUTES.samfThree.information.openingHours}
+        className={styles.navbar_dropdown_link}
+        onClick={() => setExpandedDropdown('')}
+      >
+        {t(KEY.common_opening_hours)}
+      </a>
+      <a
+        href={ROUTES.samfThree.information.photos}
+        className={styles.navbar_dropdown_link}
+        onClick={() => setExpandedDropdown('')}
+      >
+        {t(KEY.navbar_photos)}
+      </a>
+      <a
+        href={ROUTES.samfThree.information.renting}
+        className={styles.navbar_dropdown_link}
+        onClick={() => setExpandedDropdown('')}
+      >
+        {t(KEY.common_rent_services)}
+      </a>
+    </>
+  );
+
+  const venueLinks = (
+    <>
+      <a
+        href={ROUTES.samfThree.venues.restaurant}
+        className={styles.navbar_dropdown_link}
+        onClick={() => setExpandedDropdown('')}
+      >
+        {t(KEY.common_restaurant)}
+      </a>
+      <a
+        href={ROUTES.samfThree.venues.bar}
+        className={styles.navbar_dropdown_link}
+        onClick={() => setExpandedDropdown('')}
+      >
+        {t(KEY.navbar_bar)}
+      </a>
+      <a
+        href={ROUTES.samfThree.venues.scene}
+        className={styles.navbar_dropdown_link}
+        onClick={() => setExpandedDropdown('')}
+      >
+        {t(KEY.navbar_stages)}
+      </a>
+      <a
+        href={ROUTES.samfThree.venues.club}
+        className={styles.navbar_dropdown_link}
+        onClick={() => setExpandedDropdown('')}
+      >
+        {t(KEY.navbar_club)}
+      </a>
+    </>
+  );
+
+  const navbarHeaders = (
+    <div className={isDesktop ? styles.navbar_main_links : styles.navbar_main_links_mobile}>
+      <NavbarItem
+        setExpandedDropdown={setExpandedDropdown}
+        expandedDropdown={expandedDropdown}
+        route={ROUTES.frontend.events}
+        label={t(KEY.common_event)}
+      />
+      <NavbarItem
+        setExpandedDropdown={setExpandedDropdown}
+        expandedDropdown={expandedDropdown}
+        route={'#'}
+        label={t(KEY.common_information)}
+        dropdownLinks={infoLinks}
+      />
+      <NavbarItem
+        setExpandedDropdown={setExpandedDropdown}
+        expandedDropdown={expandedDropdown}
+        route={'#'}
+        label={t(KEY.common_venues)}
+        dropdownLinks={venueLinks}
+      />
+    </div>
+  );
+
+  const recruitmentButton = (
+    <div className={isDesktop ? styles.navbar_main_links : styles.navbar_main_links_mobile}>
+      <NavbarItem
+        setExpandedDropdown={setExpandedDropdown}
+        expandedDropdown={expandedDropdown}
+        route={ROUTES.samfThree.volunteer}
+        label={t(KEY.common_volunteer)}
+        labelClassName={showActiveRecruitments ? styles.active_recruitment : ''}
+      />
+    </div>
+  );
+
+  // biome-ignore lint/suspicious/noPrototypeBuiltins: <explanation>
+  const isImpersonate = cookies.hasOwnProperty('impersonated_user_id');
+
+  const userDropdownLinks = (
+    <>
+      <Link url={ROUTES.frontend.admin} className={styles.navbar_dropdown_link}>
+        <Icon icon="material-symbols:settings" />
+        {t(KEY.control_panel_title)}
+      </Link>
+      {isImpersonate && (
+        <button
+          type="button"
+          className={classNames(styles.navbar_dropdown_link, styles.navbar_logout_button)}
+          onClick={() => {
+            stopImpersonatingUser()
+              .then(() => {
+                window.location.reload();
+              })
+              .catch(console.error);
+            setIsMobileNavigation(false);
+          }}
+        >
+          <Icon icon="ri:spy-fill" />
+          {t(KEY.admin_stop_impersonate)}
+        </button>
+      )}
+      <button
+        type="button"
+        className={classNames(styles.navbar_dropdown_link, styles.navbar_logout_button)}
+        onClick={(e) => {
+          e.preventDefault();
+          setExpandedDropdown('');
+          logout()
+            .then((response) => {
+              response.status === STATUS.HTTP_200_OK && setUser(undefined);
+            })
+            .catch(console.error);
+
+          setIsMobileNavigation(false);
+        }}
+      >
+        <Icon icon="material-symbols:logout" />
+        {t(KEY.common_logout)}
+      </button>
+    </>
+  );
+
+  const profileButton = user && (
+    <div className={classNames(styles.navbar_profile_button, styles.profile_text, styles.dropdown_container_left)}>
+      <NavbarItem
+        setExpandedDropdown={setExpandedDropdown}
+        expandedDropdown={expandedDropdown}
+        route={'#'}
+        label={user.username}
+        icon={isImpersonate ? 'mdi:eye' : 'material-symbols:person'}
+        dropdownLinks={userDropdownLinks}
+      />
+    </div>
+  );
+
+  const loginButton = !user && (
+    <Button
+      theme={'white'}
+      rounded={true}
+      className={isDesktop ? styles.login_button : styles.popup_internal_button}
+      onClick={() => {
+        navigate(ROUTES.frontend.login);
+        setIsMobileNavigation(false);
+      }}
+    >
+      {t(KEY.common_login)}
+    </Button>
+  );
+
+  const memberButton = (
+    <Button
+      theme="samf"
+      rounded={true}
+      className={isDesktop ? styles.login_button : styles.popup_internal_button}
+      onClick={() => {
+        window.location.href = SAMF3_MEMBER_URL.medlem;
+        setIsMobileNavigation(false);
+      }}
+    >
+      {t(KEY.common_member)}
+    </Button>
+  );
+
+  // Show mobile popup for navigation.
+  const mobileNavigation = (
+    <>
+      <nav id={styles.mobile_popup_container}>
+        {navbarHeaders}
+        {recruitmentButton}
+        <div className={styles.mobile_widgets}>
+          <ThemeSwitch />
+          <div className={styles.mobile_user}>
+            {memberButton}
+            {loginButton}
+          </div>
+          <LanguageButton />
+        </div>
+        <br />
+        {user && mobileProfileButton}
+      </nav>
+    </>
+  );
+
+  return (
+    <>
+      <nav id={styles.navbar_container}>
+        <div className={styles.navbar_inner}>
+          <Link url={ROUTES.frontend.home} className={styles.navbar_logo}>
+            <img src={logoWhite} id={styles.navbar_logo_img} alt="Logo" />
+          </Link>
+          {isDesktop && navbarHeaders}
+          {isDesktop && recruitmentButton}
+          <div className={styles.navbar_widgets}>
+            <ThemeSwitch />
+            <LanguageButton />
+            {memberButton}
+            {loginButton}
+            {profileButton}
+          </div>
+          <HamburgerMenu />
+        </div>
+      </nav>
+      {isMobileNavigation && mobileNavigation}
+    </>
+  );
+}
diff --git a/frontend/src/Components/NavbarSamfThree/components/HamburgerMenu/HamburgerMenu.module.scss b/frontend/src/Components/NavbarSamfThree/components/HamburgerMenu/HamburgerMenu.module.scss
new file mode 100644
index 000000000..586bfcf56
--- /dev/null
+++ b/frontend/src/Components/NavbarSamfThree/components/HamburgerMenu/HamburgerMenu.module.scss
@@ -0,0 +1,48 @@
+/* stylelint-disable selector-max-class */
+@use 'src/mixins' as *;
+
+@use 'src/constants' as *;
+
+/* Hamburger menu */
+#navbar_hamburger {
+  display: none;
+  border: none;
+  background: none;
+
+  @include for-tablet-down {
+    height: 69%;
+    width: 55px;
+    display: flex;
+    cursor: pointer;
+    justify-content: space-evenly;
+    flex-direction: column;
+  }
+}
+
+.open {
+  .navbar_hamburger_line.top {
+    transform: translateY(12px) rotate(-45deg);
+  }
+
+  .navbar_hamburger_line.middle {
+    opacity: 0;
+  }
+
+  .navbar_hamburger_line.bottom {
+    transform: translateY(-11px) rotate(45deg);
+  }
+}
+
+.navbar_hamburger_line {
+  background-color: $white;
+  width: 35px;
+  height: 4px;
+  border-radius: 10px;
+  transition: transform 400ms;
+}
+
+.transparent_background {
+  .navbar_hamburger_line {
+    background-color: white;
+  }
+}
diff --git a/frontend/src/Components/NavbarSamfThree/components/HamburgerMenu/HamburgerMenu.tsx b/frontend/src/Components/NavbarSamfThree/components/HamburgerMenu/HamburgerMenu.tsx
new file mode 100644
index 000000000..1054c38c5
--- /dev/null
+++ b/frontend/src/Components/NavbarSamfThree/components/HamburgerMenu/HamburgerMenu.tsx
@@ -0,0 +1,27 @@
+import classNames from 'classnames';
+import { useGlobalContext } from '~/context/GlobalContextProvider';
+import styles from './HamburgerMenu.module.scss';
+
+type HamburgerMenuProps = {
+  transparentBackground?: boolean;
+  className?: string;
+};
+export function HamburgerMenu({ transparentBackground, className }: HamburgerMenuProps) {
+  const { isMobileNavigation, setIsMobileNavigation } = useGlobalContext();
+  return (
+    <button
+      type="button"
+      id={styles.navbar_hamburger}
+      onClick={() => setIsMobileNavigation(!isMobileNavigation)}
+      className={classNames(
+        className,
+        isMobileNavigation ? styles.open : styles.closed,
+        transparentBackground && styles.transparent_background,
+      )}
+    >
+      <div className={classNames(styles.navbar_hamburger_line, styles.top)} />
+      <div className={classNames(styles.navbar_hamburger_line, styles.middle)} />
+      <div className={classNames(styles.navbar_hamburger_line, styles.bottom)} />
+    </button>
+  );
+}
diff --git a/frontend/src/Components/NavbarSamfThree/components/HamburgerMenu/index.ts b/frontend/src/Components/NavbarSamfThree/components/HamburgerMenu/index.ts
new file mode 100644
index 000000000..1b81dc514
--- /dev/null
+++ b/frontend/src/Components/NavbarSamfThree/components/HamburgerMenu/index.ts
@@ -0,0 +1 @@
+export { HamburgerMenu } from './HamburgerMenu';
diff --git a/frontend/src/Components/NavbarSamfThree/components/LanguageButton/LanguageButton.module.scss b/frontend/src/Components/NavbarSamfThree/components/LanguageButton/LanguageButton.module.scss
new file mode 100644
index 000000000..3fa14fc03
--- /dev/null
+++ b/frontend/src/Components/NavbarSamfThree/components/LanguageButton/LanguageButton.module.scss
@@ -0,0 +1,18 @@
+.language_flag {
+  width: 28px;
+  height: 20px;
+  cursor: pointer;
+  border-radius: 3px;
+  box-shadow: 1px 1px 10px 2px rgba(0, 0, 0, 0.1);
+  transition: 0.1s;
+
+  &:hover {
+    transform: scale(1.1);
+  }
+}
+
+.language_flag_button {
+  background-color: transparent;
+  border-color: transparent;
+}
+
diff --git a/frontend/src/Components/NavbarSamfThree/components/LanguageButton/LanguageButton.tsx b/frontend/src/Components/NavbarSamfThree/components/LanguageButton/LanguageButton.tsx
new file mode 100644
index 000000000..894d9bf18
--- /dev/null
+++ b/frontend/src/Components/NavbarSamfThree/components/LanguageButton/LanguageButton.tsx
@@ -0,0 +1,28 @@
+import { useTranslation } from 'react-i18next';
+import { englishFlag, norwegianFlag } from '~/assets';
+import { LOCALSTORAGE_KEY } from '~/i18n/i18n';
+import { LANGUAGES } from '~/i18n/types';
+import styles from './LanguageButton.module.scss';
+
+export function LanguageButton() {
+  const { i18n } = useTranslation();
+
+  // Language
+  const currentLanguage = i18n.language;
+  const isNorwegian = currentLanguage === LANGUAGES.NB;
+  const otherLanguage = isNorwegian ? LANGUAGES.EN : LANGUAGES.NB;
+  const otherFlag = isNorwegian ? englishFlag : norwegianFlag;
+
+  return (
+    <button
+      type="button"
+      className={styles.language_flag_button}
+      onClick={() => {
+        i18n.changeLanguage(otherLanguage).then();
+        localStorage.setItem(LOCALSTORAGE_KEY, otherLanguage);
+      }}
+    >
+      <img src={otherFlag} className={styles.language_flag} alt="Flag" />
+    </button>
+  );
+}
diff --git a/frontend/src/Components/NavbarSamfThree/components/LanguageButton/index.ts b/frontend/src/Components/NavbarSamfThree/components/LanguageButton/index.ts
new file mode 100644
index 000000000..aaa8a2aa1
--- /dev/null
+++ b/frontend/src/Components/NavbarSamfThree/components/LanguageButton/index.ts
@@ -0,0 +1 @@
+export { LanguageButton } from './LanguageButton';
diff --git a/frontend/src/Components/NavbarSamfThree/components/NavbarItem/NavbarItem.tsx b/frontend/src/Components/NavbarSamfThree/components/NavbarItem/NavbarItem.tsx
new file mode 100644
index 000000000..6f75062c6
--- /dev/null
+++ b/frontend/src/Components/NavbarSamfThree/components/NavbarItem/NavbarItem.tsx
@@ -0,0 +1,115 @@
+import { Icon } from '@iconify/react';
+import classNames from 'classnames';
+import type { ReactNode } from 'react';
+import { Link } from 'react-router';
+import { useGlobalContext } from '~/context/GlobalContextProvider';
+import { useDesktop } from '~/hooks';
+import type { SetState } from '~/types';
+import styles from '../../Navbar.module.scss';
+
+type NavbarItemProps = {
+  route: string;
+  label: string;
+  icon?: string;
+  labelClassName?: string;
+  dropdownLinks?: ReactNode;
+  expandedDropdown?: string;
+  setExpandedDropdown: SetState<string>;
+};
+
+const iconDown = 'carbon:chevron-down';
+
+export function NavbarItem({
+  label,
+  route,
+  icon,
+  expandedDropdown,
+  setExpandedDropdown,
+  dropdownLinks,
+  labelClassName,
+}: NavbarItemProps) {
+  const { setIsMobileNavigation } = useGlobalContext();
+  const isDesktop = useDesktop();
+  const isSelected = expandedDropdown === label;
+  const otherIsSelected = !isSelected && expandedDropdown !== '';
+
+  const itemClasses = classNames(
+    isDesktop ? styles.navbar_item : styles.navbar_mobile_item,
+    dropdownLinks && styles.navbar_dropdown_item,
+    otherIsSelected && !isDesktop && styles.hidden,
+    isSelected && styles.selected,
+  );
+
+  const dropdownClasses = classNames({
+    [styles.dropdown_container]: isDesktop,
+    [styles.mobile_dropdown_container]: !isDesktop,
+    [styles.dropdown_open]: isSelected,
+  });
+
+  // Toggle dropdown on click for mobile
+  function handleOnClick() {
+    if (!dropdownLinks) {
+      // Given no dropdownLinks, the user is about to follow a link -> close the mobileNavigation.
+      setIsMobileNavigation(false);
+    } else {
+      // toggle dropdown
+      setExpandedDropdown(isSelected ? '' : label);
+    }
+  }
+
+  // Toggle dropdown on mouse enter for desktop. MouseEnter and mouseLeave is used instead of mouseOver, as mouseOver causes a onHover bug.
+  function handleMouseEnter() {
+    if (!dropdownLinks) {
+      // Given no dropdownLinks, the user is about to follow a link -> close the mobileNavigation.
+      setIsMobileNavigation(false);
+    } else {
+      // show dropdown
+      setExpandedDropdown(isSelected ? '' : label);
+    }
+  }
+
+  // Toggle dropdown on mouse leave for desktop. MouseEnter and mouseLeave is used instead of mouseOver, as mouseOver causes a onHover bug.
+  function handleMouseLeave() {
+    if (!dropdownLinks) {
+      // Given no dropdownLinks, the user is about to follow a link -> close the mobileNavigation.
+      setIsMobileNavigation(false);
+    } else {
+      // clear dropdown
+      setExpandedDropdown('');
+    }
+  }
+
+  return (
+    <div
+      className={itemClasses}
+      onMouseEnter={isDesktop ? handleMouseEnter : undefined}
+      onMouseLeave={isDesktop ? handleMouseLeave : undefined}
+      onClick={handleOnClick}
+      onKeyDown={(e) => {
+        if (e.key === 'Enter' || e.key === ' ') {
+          e.preventDefault();
+          handleOnClick();
+        }
+      }}
+      role="button"
+      tabIndex={0}
+    >
+      <Link to={route} className={isDesktop ? styles.navbar_link : styles.popup_link_mobile}>
+        {icon && <Icon icon={icon} className={styles.navbar_item_icon} />}
+        <span className={labelClassName}>{label}</span>
+        {dropdownLinks && (
+          <Icon
+            icon={iconDown}
+            width={18}
+            className={classNames({
+              [styles.chevron]: true,
+              [styles.flip]: !isDesktop && isSelected,
+            })}
+          />
+        )}
+      </Link>
+      {/* On desktop the menu is always in the DOM to enable smooth animation slide in */}
+      {(isDesktop || isSelected) && <div className={dropdownClasses}>{dropdownLinks}</div>}
+    </div>
+  );
+}
diff --git a/frontend/src/Components/NavbarSamfThree/components/NavbarItem/index.ts b/frontend/src/Components/NavbarSamfThree/components/NavbarItem/index.ts
new file mode 100644
index 000000000..3420fdf2d
--- /dev/null
+++ b/frontend/src/Components/NavbarSamfThree/components/NavbarItem/index.ts
@@ -0,0 +1 @@
+export { NavbarItem } from './NavbarItem';
diff --git a/frontend/src/Components/NavbarSamfThree/components/index.ts b/frontend/src/Components/NavbarSamfThree/components/index.ts
new file mode 100644
index 000000000..c3a5888e0
--- /dev/null
+++ b/frontend/src/Components/NavbarSamfThree/components/index.ts
@@ -0,0 +1,3 @@
+export { HamburgerMenu } from './HamburgerMenu';
+export { LanguageButton } from './LanguageButton';
+export { NavbarItem } from './NavbarItem';
diff --git a/frontend/src/Components/NavbarSamfThree/index.ts b/frontend/src/Components/NavbarSamfThree/index.ts
new file mode 100644
index 000000000..ec1cfd76d
--- /dev/null
+++ b/frontend/src/Components/NavbarSamfThree/index.ts
@@ -0,0 +1 @@
+export { Navbar } from './Navbar';
diff --git a/frontend/src/Components/SamfOutlet/SamfOutlet.tsx b/frontend/src/Components/SamfOutlet/SamfOutlet.tsx
index 8368e257b..e7ee79a4c 100644
--- a/frontend/src/Components/SamfOutlet/SamfOutlet.tsx
+++ b/frontend/src/Components/SamfOutlet/SamfOutlet.tsx
@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react';
 import { Outlet } from 'react-router';
-import { Navbar } from '~/Components/Navbar';
+import { Navbar } from '~/Components/NavbarSamfThree/Navbar';
 import { Footer } from '../Footer';
 import styles from './SamfOutlet.module.scss';
 
@@ -15,6 +15,9 @@ export function SamfOutlet() {
 export function SamfLayout({ children }: { children: ReactNode }) {
   return (
     <>
+      {/* TODO: Uncomment the following line when samf4 navbar is enabled */}
+      {/* <Navbar /> */}
+      {/* TODO: Remove the following line when samf4 navbar is enabled */}
       <Navbar />
       <div className={styles.navbar_outlet}>{children}</div>
       <Footer />
diff --git a/frontend/src/_constants.scss b/frontend/src/_constants.scss
index 97f82cff9..5e7601397 100644
--- a/frontend/src/_constants.scss
+++ b/frontend/src/_constants.scss
@@ -100,15 +100,21 @@ $special-letter-spacing: -0.05rem;
 /* Screen sizes, breakpoint (bp) */
 $large-desktop-bp-lower: 1201px;
 $desktop-bp-upper: 1200px;
-$desktop-bp-lower: 993px;
-$tablet-bp-upper: 992px;
+// TODO: old breakpióints commented below, dont remove, fix breakpoints later (temparery navbar fix)
+// $desktop-bp-lower: 993px;
+// $tablet-bp-upper: 992px;
+$desktop-bp-lower: 1200px;
+$tablet-bp-upper: 1199px;
 $tablet-bp-lower: 769px;
 $mobile-bp-upper: 768px;
 $content-max-size: 1200px;
 $content-padding: calc((100vw - 1200px) / 2);
 
 // Navbar size
-$navbar-height: 60px;
+// TODO: Uncomment the following line when samf4 navbar is enabled
+//$navbar-height: 60px;
+// TODO: Remove the following line when samf4 navbar is enabled
+$navbar-height: 64px;
 $sulten-navbar-height: 100px;
 $isfit-navbar-height: 80px;
 
diff --git a/frontend/src/constants/constants.ts b/frontend/src/constants/constants.ts
index 0f37fc54f..2f5e51778 100644
--- a/frontend/src/constants/constants.ts
+++ b/frontend/src/constants/constants.ts
@@ -44,8 +44,11 @@ export const LOCAL_DATETIME_REGEX = /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}$/;
  */
 export const largeDesktopBpLower = 1201;
 export const desktopBpUpper = 1200;
-export const desktopBpLower = 993;
-export const tabletBpUpper = 992;
+// TODO: old breakpióints commented below, dont remove, fix breakpoints later (temparery navbar fix)
+// export const desktopBpLower = 993;
+// export const tabletBpUpper = 992;
+export const desktopBpLower = 1200;
+export const tabletBpUpper = 1199;
 export const tabletBpLower = 769;
 export const mobileBpUpper = 768;
 
diff --git a/frontend/src/i18n/constants.ts b/frontend/src/i18n/constants.ts
index f2982c2a0..7a3eb8f3d 100644
--- a/frontend/src/i18n/constants.ts
+++ b/frontend/src/i18n/constants.ts
@@ -342,6 +342,9 @@ export const KEY = {
   navbar_map: 'navbar_map',
   navbar_photos: 'navbar_photos',
   navbar_nybygg: 'navbar_nybygg',
+  navbar_bar: 'navbar_bar',
+  navbar_stages: 'navbar_stages',
+  navbar_club: 'navbar_club',
 
   footer_developed_by: 'footer_developed_by',
   footer_have_questions: 'footer_have_questions',
diff --git a/frontend/src/i18n/translations.ts b/frontend/src/i18n/translations.ts
index 05a98dafb..2911a1986 100644
--- a/frontend/src/i18n/translations.ts
+++ b/frontend/src/i18n/translations.ts
@@ -326,6 +326,9 @@ export const nb = prepareTranslations({
   [KEY.navbar_map]: 'Kart og lokaler',
   [KEY.navbar_photos]: 'Foto',
   [KEY.navbar_nybygg]: 'Nybygg',
+  [KEY.navbar_bar]: 'Bar',
+  [KEY.navbar_stages]: 'Scener',
+  [KEY.navbar_club]: 'Klubb',
 
   // Common navigation - links for samf 3 (used in navbar and footer):
 
@@ -990,6 +993,9 @@ export const en = prepareTranslations({
   [KEY.navbar_photos]: 'Photos',
   [KEY.navbar_nybygg]: 'New building',
   [KEY.navbar_map]: 'Map and venues',
+  [KEY.navbar_bar]: 'Bar',
+  [KEY.navbar_stages]: 'Stages',
+  [KEY.navbar_club]: 'Club',
 
   // Common navigation (used in navbar and footer):
 
diff --git a/frontend/src/routes/samf-three.ts b/frontend/src/routes/samf-three.ts
index 5681c1fa9..3ac7a7066 100644
--- a/frontend/src/routes/samf-three.ts
+++ b/frontend/src/routes/samf-three.ts
@@ -13,15 +13,6 @@ export const CASE_DOCUMENTS = {
   saksdokumenter: `${BASE_URL}/saksdokumenter`,
 };
 
-// Samfundet3 innlogging
-export const SAMF3_LOGIN_URL = {
-  login: `${BASE_URL}/logg-inn`,
-};
-
-export const SAMF3_MEMBER_URL = {
-  medlem: 'https://medlem.samfundet.no/',
-};
-
 export const ROUTES_SAMF_THREE = {
   information: {
     general: `${BASE_URL}/informasjon`,
@@ -39,3 +30,12 @@ export const ROUTES_SAMF_THREE = {
   },
   volunteer: `${BASE_URL}/opptak`,
 } as const;
+
+// Samfundet3 innlogging
+export const SAMF3_LOGIN_URL = {
+  login: `${BASE_URL}/logg-inn`,
+};
+
+export const SAMF3_MEMBER_URL = {
+  medlem: 'https://medlem.samfundet.no/',
+};

From f83438da4ba22a8cd574623497c97bead66b6166 Mon Sep 17 00:00:00 2001
From: Erik Hoff <142814286+aTrueYety@users.noreply.github.com>
Date: Mon, 9 Mar 2026 17:36:23 +0100
Subject: [PATCH 31/79] Add translatrions to LoginPicker (#2095)

Co-authored-by: Erik <eahoff@gmail.com>
---
 .../Pages/LoginPickerPage/LoginPickerPage.tsx | 19 +++++++++++--------
 frontend/src/i18n/constants.ts                |  9 +++++++++
 frontend/src/i18n/translations.ts             | 18 ++++++++++++++++++
 3 files changed, 38 insertions(+), 8 deletions(-)

diff --git a/frontend/src/Pages/LoginPickerPage/LoginPickerPage.tsx b/frontend/src/Pages/LoginPickerPage/LoginPickerPage.tsx
index 3fbb1ff10..0022a34bc 100644
--- a/frontend/src/Pages/LoginPickerPage/LoginPickerPage.tsx
+++ b/frontend/src/Pages/LoginPickerPage/LoginPickerPage.tsx
@@ -1,7 +1,9 @@
 import { Icon } from '@iconify/react';
 import type { FC } from 'react';
+import { useTranslation } from 'react-i18next';
 import { useNavigate } from 'react-router-dom';
 import { Page } from '~/Components';
+import { KEY } from '~/i18n/constants';
 import { SAMF3_LOGIN_URL } from '~/routes/samf-three';
 import styles from './LoginPickerPage.module.scss';
 
@@ -15,32 +17,33 @@ type Props = { newRoute: string };
  */
 export const LoginPickerPage: FC<Props> = ({ newRoute }) => {
   const navigate = useNavigate();
+  const { t } = useTranslation();
 
   return (
     <Page>
       <div className={styles.container}>
         <button type="button" className={styles.backLink} onClick={() => navigate(-1)}>
           <Icon icon="mdi:chevron-left" className={styles.backIcon} />
-          Tilbake
+          {t(KEY.common_go_back)}
         </button>
 
         <div className={styles.formWrapper}>
-          <span className={styles.caption}>Innlogging for interne</span>
-          <h1 className={styles.headerTitle}>Hvordan vil du logge inn?</h1>
+          <span className={styles.caption}>{t(KEY.loginpicker_page_caption)}</span>
+          <h1 className={styles.headerTitle}>{t(KEY.loginpicker_page_title)}</h1>
 
-          <nav aria-label="Velg innlogging" className={styles.picker}>
+          <nav aria-label={t(KEY.loginpicker_page_nav_aria_label)} className={styles.picker}>
             <a href={newRoute} className={styles.choiceWrapper}>
               <div className={styles.textWrapper}>
-                <span className={styles.radioLabel}>Ny plattform (samf4)</span>
-                <p className={styles.description}>Den nye plattformen for arrangementer og generell bruk</p>
+                <span className={styles.radioLabel}>{t(KEY.loginpicker_page_new_platform_title)}</span>
+                <p className={styles.description}>{t(KEY.loginpicker_page_new_platform_description)}</p>
               </div>
               <Icon icon="mdi:arrow-right" className={styles.arrowIcon} />
             </a>
 
             <a href={SAMF3_LOGIN_URL.login} target="samf3" className={styles.choiceWrapper}>
               <div className={styles.textWrapper}>
-                <span className={styles.radioLabel}>Eldre plattform (samf3)</span>
-                <p className={styles.description}>Gruppeadministrasjon og andre administrative oppgaver</p>
+                <span className={styles.radioLabel}>{t(KEY.loginpicker_page_old_platform_title)}</span>
+                <p className={styles.description}>{t(KEY.loginpicker_page_old_platform_description)}</p>
               </div>
               <Icon icon="mdi:arrow-right" className={styles.arrowIcon} />
             </a>
diff --git a/frontend/src/i18n/constants.ts b/frontend/src/i18n/constants.ts
index 7a3eb8f3d..81874762a 100644
--- a/frontend/src/i18n/constants.ts
+++ b/frontend/src/i18n/constants.ts
@@ -259,6 +259,15 @@ export const KEY = {
   loginpage_passwords_must_match: 'loginpage_passwords_must_match',
   loginpage_login_failed: 'loginpage_login_failed',
 
+  // LoginPickerPage:
+  loginpicker_page_caption: 'loginpicker_page_caption',
+  loginpicker_page_title: 'loginpicker_page_title',
+  loginpicker_page_nav_aria_label: 'loginpicker_page_nav_aria_label',
+  loginpicker_page_new_platform_title: 'loginpicker_page_new_platform_title',
+  loginpicker_page_new_platform_description: 'loginpicker_page_new_platform_description',
+  loginpicker_page_old_platform_title: 'loginpicker_page_old_platform_title',
+  loginpicker_page_old_platform_description: 'loginpicker_page_old_platform_description',
+
   contributors_page_title: 'contributors_page_title',
   contributors_page_text: 'contributors_page_text',
   contributors_page_past_developers: 'contributors_page_past_developers',
diff --git a/frontend/src/i18n/translations.ts b/frontend/src/i18n/translations.ts
index 2911a1986..c7e52c512 100644
--- a/frontend/src/i18n/translations.ts
+++ b/frontend/src/i18n/translations.ts
@@ -247,6 +247,15 @@ export const nb = prepareTranslations({
   [KEY.loginpage_username]: 'Brukernavn',
   [KEY.loginpage_forgotten_password]: 'Glemt passordet ditt?',
 
+  // LoginPickerPage:
+  [KEY.loginpicker_page_caption]: 'Innlogging for interne',
+  [KEY.loginpicker_page_title]: 'Hvordan vil du logge inn?',
+  [KEY.loginpicker_page_nav_aria_label]: 'Velg innlogging',
+  [KEY.loginpicker_page_new_platform_title]: 'Ny plattform (samf4)',
+  [KEY.loginpicker_page_new_platform_description]: 'Den nye plattformen for arrangementer og generell bruk',
+  [KEY.loginpicker_page_old_platform_title]: 'Eldre plattform (samf3)',
+  [KEY.loginpicker_page_old_platform_description]: 'Gruppeadministrasjon og andre administrative oppgaver',
+
   // ContributorsPage
   [KEY.contributors_page_title]: 'De frivillige som utvikler Samfundet.no',
   [KEY.contributors_page_text]: 'Samfundet.no utvikles av MG::Web, som er en seksjon i Markedsføringsgjengen.',
@@ -915,6 +924,15 @@ export const en = prepareTranslations({
   [KEY.loginpage_passwords_must_match]: 'Passwords must match',
   [KEY.loginpage_login_failed]: 'Login failed',
 
+  // LoginPickerPage:
+  [KEY.loginpicker_page_caption]: 'Internal login',
+  [KEY.loginpicker_page_title]: 'How would you like to log in?',
+  [KEY.loginpicker_page_nav_aria_label]: 'Choose login',
+  [KEY.loginpicker_page_new_platform_title]: 'New platform (samf4)',
+  [KEY.loginpicker_page_new_platform_description]: 'The new platform for events and general use',
+  [KEY.loginpicker_page_old_platform_title]: 'Legacy platform (samf3)',
+  [KEY.loginpicker_page_old_platform_description]: 'Group administration and other administrative tasks',
+
   // GangsPage:
   [KEY.gangspage_title]: 'The groups at Samfundet',
 

From fd3a4ba44c496f750e6951f9ed2f53214b3d822f Mon Sep 17 00:00:00 2001
From: Eilif Hjermann Lindblad <eilifhl@stud.ntnu.no>
Date: Mon, 9 Mar 2026 19:41:24 +0100
Subject: [PATCH 32/79] Use toast instead of badge (#2082)

---
 .../OpeningHoursAdminPage.tsx                      | 14 +++++---------
 1 file changed, 5 insertions(+), 9 deletions(-)

diff --git a/frontend/src/PagesAdmin/OpeningHoursAdminPage/OpeningHoursAdminPage.tsx b/frontend/src/PagesAdmin/OpeningHoursAdminPage/OpeningHoursAdminPage.tsx
index 23f5def69..43b8796ec 100644
--- a/frontend/src/PagesAdmin/OpeningHoursAdminPage/OpeningHoursAdminPage.tsx
+++ b/frontend/src/PagesAdmin/OpeningHoursAdminPage/OpeningHoursAdminPage.tsx
@@ -1,8 +1,8 @@
 import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
 import { type ChangeEvent, useRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';
+import { toast } from 'react-toastify';
 import { InputTime } from '~/Components';
-import { Badge, useDynamicBadge } from '~/Components/Badge';
 import { getVenues, patchVenue } from '~/api';
 import type { VenueDto } from '~/dto';
 import { useTitle } from '~/hooks';
@@ -17,9 +17,6 @@ export function OpeningHoursAdminPage() {
   const { t } = useTranslation();
   const queryClient = useQueryClient();
   const [saveTimer, setSaveTimer] = useState<Record<string, NodeJS.Timeout>>({});
-  const { badgeState, showSuccess, showError } = useDynamicBadge({
-    defaultDuration: 3000,
-  });
   useTitle(lowerCapitalize(`${t(KEY.common_edit)} ${t(KEY.common_opening_hours)}`));
 
   // Use React Query to fetch venues
@@ -42,12 +39,12 @@ export function OpeningHoursAdminPage() {
         oldVenues.map((venue) => (venue.slug === vars.slug ? { ...venue, ...vars.data } : venue)),
       );
 
-      // Show success badge
-      showSuccess(t(KEY.common_save_successful));
+      // Show success toast
+      toast.success(t(KEY.common_save_successful));
     },
     onError: (error) => {
-      // Show error badge
-      showError(t(KEY.common_something_went_wrong));
+      // Show error toast
+      toast.error(t(KEY.common_something_went_wrong));
       console.error('Error updating venue:', error);
     },
   });
@@ -145,7 +142,6 @@ export function OpeningHoursAdminPage() {
   const header = (
     <div>
       <div className={styles.subtitle}>{t(KEY.admin_opening_hours_hint)}</div>
-      {badgeState.show && <Badge text={badgeState.text} type={badgeState.type} animated={true} />}
     </div>
   );
 

From 87c76076f1fb27a2dab4406695dc86deec5f40de Mon Sep 17 00:00:00 2001
From: BragonSB <brage.sebastian.brevik@gmail.com>
Date: Tue, 10 Mar 2026 01:50:52 +0100
Subject: [PATCH 33/79] feat(event creation): make validate check every change

---
 .../PagesAdmin/EventCreatorAdminPage/EventCreatorAdminPage.tsx   | 1 +
 1 file changed, 1 insertion(+)

diff --git a/frontend/src/PagesAdmin/EventCreatorAdminPage/EventCreatorAdminPage.tsx b/frontend/src/PagesAdmin/EventCreatorAdminPage/EventCreatorAdminPage.tsx
index eb42ad5ba..2ddddd468 100644
--- a/frontend/src/PagesAdmin/EventCreatorAdminPage/EventCreatorAdminPage.tsx
+++ b/frontend/src/PagesAdmin/EventCreatorAdminPage/EventCreatorAdminPage.tsx
@@ -80,6 +80,7 @@ export function EventCreatorAdminPage() {
   // Setup React Hook Form
   const form = useForm<FormType>({
     resolver: zodResolver(eventSchema),
+    mode: 'onChange',
     defaultValues: {
       title_nb: '',
       title_en: '',

From cc120a86fab698a35083371812e503dd44d7464e Mon Sep 17 00:00:00 2001
From: Specter <121578250+0xSpecter@users.noreply.github.com>
Date: Tue, 10 Mar 2026 12:38:28 +0100
Subject: [PATCH 34/79] 
 sigurd/web-119-input-dropdowns-option-sort-in-alphabetic-order (#2099)

* added sort sortAlphabetic prop and implmentet where i found fitting

* removed testing sort
---
 frontend/src/Components/Dropdown/Dropdown.tsx          | 10 ++++++++--
 frontend/src/Components/EventQuery/EventQuery.tsx      |  2 ++
 .../EventCreatorAdminPage/EventCreatorAdminPage.tsx    |  8 +++++++-
 3 files changed, 17 insertions(+), 3 deletions(-)

diff --git a/frontend/src/Components/Dropdown/Dropdown.tsx b/frontend/src/Components/Dropdown/Dropdown.tsx
index 8be044f1e..33232d600 100644
--- a/frontend/src/Components/Dropdown/Dropdown.tsx
+++ b/frontend/src/Components/Dropdown/Dropdown.tsx
@@ -20,6 +20,7 @@ type PrimitiveDropdownProps<T> = {
   options?: DropdownOption<T>[];
   label?: string | ReactNode;
   disabled?: boolean;
+  sortAlphabetic?: boolean;
   error?: boolean;
   disableIcon?: boolean;
   nullOption?: boolean | NullOption;
@@ -50,6 +51,7 @@ function DropdownInner<T>(
     disabled = false,
     disableIcon = false,
     nullOption = false,
+    sortAlphabetic = false,
     error,
   }: DropdownProps<T>,
   ref: React.Ref<HTMLSelectElement>,
@@ -59,8 +61,12 @@ function DropdownInner<T>(
   const finalOptions = useMemo<DropdownOption<T>[]>(() => {
     let opts = [...options];
 
+    if (sortAlphabetic) {
+      opts.sort((a, b) => a.label.localeCompare(b.label));
+    }
+
     if (!nullOption) {
-      return options;
+      return opts;
     }
 
     if (nullOption) {
@@ -72,7 +78,7 @@ function DropdownInner<T>(
     }
 
     return opts;
-  }, [options, nullOption]);
+  }, [options, nullOption, sortAlphabetic]);
 
   const selectedIndex = useMemo(() => {
     if (isControlled) {
diff --git a/frontend/src/Components/EventQuery/EventQuery.tsx b/frontend/src/Components/EventQuery/EventQuery.tsx
index 48ce31dd7..ec7ec3f61 100644
--- a/frontend/src/Components/EventQuery/EventQuery.tsx
+++ b/frontend/src/Components/EventQuery/EventQuery.tsx
@@ -45,6 +45,7 @@ export function EventQuery({
         icon="ic:baseline-search"
       />
       <Dropdown
+        sortAlphabetic={true}
         options={venueOptions}
         onChange={(val) => setSelectedVenue(val as string)}
         className={styles.element}
@@ -52,6 +53,7 @@ export function EventQuery({
       />
 
       <Dropdown
+        sortAlphabetic={true}
         options={categoryOptions}
         onChange={(val) => setSelectedCategory(val as EventCategoryValue)}
         className={styles.element}
diff --git a/frontend/src/PagesAdmin/EventCreatorAdminPage/EventCreatorAdminPage.tsx b/frontend/src/PagesAdmin/EventCreatorAdminPage/EventCreatorAdminPage.tsx
index 2ddddd468..528016701 100644
--- a/frontend/src/PagesAdmin/EventCreatorAdminPage/EventCreatorAdminPage.tsx
+++ b/frontend/src/PagesAdmin/EventCreatorAdminPage/EventCreatorAdminPage.tsx
@@ -336,7 +336,12 @@ export function EventCreatorAdminPage() {
                 <FormItem className={styles.form_item}>
                   <FormLabel>{t(KEY.category)}</FormLabel>
                   <FormControl>
-                    <Dropdown options={eventCategoryOptions} nullOption={{ label: t(KEY.common_choose) }} {...field} />
+                    <Dropdown
+                      options={eventCategoryOptions}
+                      sortAlphabetic={true}
+                      nullOption={{ label: t(KEY.common_choose) }}
+                      {...field}
+                    />
                   </FormControl>
                   <FormMessage />
                 </FormItem>
@@ -369,6 +374,7 @@ export function EventCreatorAdminPage() {
                     <FormLabel>{t(KEY.common_venue)}</FormLabel>
                     <FormControl>
                       <Dropdown
+                        sortAlphabetic={true}
                         options={venues.map((venue) => ({ value: venue.name, label: venue.name }))}
                         nullOption={{ label: t(KEY.common_choose) }}
                         {...field}

From 613eca2ed4f06f6f385202ace3333c1f53de66de Mon Sep 17 00:00:00 2001
From: Specter <121578250+0xSpecter@users.noreply.github.com>
Date: Tue, 10 Mar 2026 12:45:25 +0100
Subject: [PATCH 35/79] 
 sigurd/web-116-event-number-input-unable-to-remove-all-numbers (#2081)

* changed duration to match capatity, added duration and capatity as nessecary fields and cleaned up

* removed console log
---
 .../EventCreatorAdminPage.tsx                 | 22 ++++++++++++++-----
 1 file changed, 17 insertions(+), 5 deletions(-)

diff --git a/frontend/src/PagesAdmin/EventCreatorAdminPage/EventCreatorAdminPage.tsx b/frontend/src/PagesAdmin/EventCreatorAdminPage/EventCreatorAdminPage.tsx
index 528016701..d546d3291 100644
--- a/frontend/src/PagesAdmin/EventCreatorAdminPage/EventCreatorAdminPage.tsx
+++ b/frontend/src/PagesAdmin/EventCreatorAdminPage/EventCreatorAdminPage.tsx
@@ -89,7 +89,7 @@ export function EventCreatorAdminPage() {
       description_short_nb: '',
       description_short_en: '',
       start_dt: '',
-      duration: 0,
+      duration: undefined,
       end_dt: '',
       category: undefined,
       host: '',
@@ -125,7 +125,7 @@ export function EventCreatorAdminPage() {
             description_short_nb: eventData.description_short_nb || '',
             description_short_en: eventData.description_short_en || '',
             start_dt: eventData.start_dt ? utcTimestampToLocal(eventData.start_dt, false) : '',
-            duration: eventDuration || 0,
+            duration: eventDuration || undefined,
             end_dt: eventData.end_dt ? utcTimestampToLocal(eventData.end_dt, false) : '',
             category: eventData.category || '',
             host: eventData.host || '',
@@ -285,7 +285,16 @@ export function EventCreatorAdminPage() {
       title_nb: 'Dato og informasjon',
       title_en: 'Date & info',
       validate: (data) => {
-        return !!(data.start_dt && data.duration > 0 && data.category && data.host && data.location);
+        return !!(
+          data.start_dt &&
+          data.duration !== undefined &&
+          data.duration > 0 &&
+          data.category &&
+          data.host &&
+          data.location &&
+          data.capacity !== undefined &&
+          data.capacity > 0
+        );
       },
       template: (
         <>
@@ -319,7 +328,10 @@ export function EventCreatorAdminPage() {
                     <Input
                       type="number"
                       {...field}
-                      onChange={(e) => field.onChange(Number.parseInt(e.target.value) || 0)}
+                      onChange={(e) => {
+                        const v = e.target.value;
+                        field.onChange(v === '' ? '' : Number.parseInt(v));
+                      }}
                     />
                   </FormControl>
                   <FormMessage />
@@ -398,7 +410,7 @@ export function EventCreatorAdminPage() {
                       {...field}
                       onChange={(e) => {
                         const v = e.target.value;
-                        field.onChange(v === '' ? undefined : Number.parseInt(v, 10));
+                        field.onChange(v === '' ? '' : Number.parseInt(v));
                       }}
                     />
                   </FormControl>

From 1fabc2f47566bd7237ffd1cec530625bad20fcd3 Mon Sep 17 00:00:00 2001
From: leaesc <leaesc@stud.ntnu.no>
Date: Thu, 12 Mar 2026 17:39:20 +0100
Subject: [PATCH 36/79] Leaesc/web 111 change event overview nb text bord to
 tabell (#2094)

* added my name

* changed from bord to tabell

* changed tabell back to bord. changed key in EventList to common_sheet

* added a comment

* Fix biome

* changed comment to english
---
 .../src/Pages/EventsPage/components/EventsList/EventsList.tsx   | 2 +-
 frontend/src/i18n/constants.ts                                  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/Pages/EventsPage/components/EventsList/EventsList.tsx b/frontend/src/Pages/EventsPage/components/EventsList/EventsList.tsx
index 2a4688970..dc4062d0c 100644
--- a/frontend/src/Pages/EventsPage/components/EventsList/EventsList.tsx
+++ b/frontend/src/Pages/EventsPage/components/EventsList/EventsList.tsx
@@ -137,7 +137,7 @@ export function EventsList({ events }: EventsListProps) {
         {/* TODO translate */}
         <div className={styles.button_row}>
           {getButton(t(KEY.common_card), 'material-symbols:grid-view-rounded', () => setTableView(false), !tableView)}
-          {getButton(t(KEY.common_table), 'material-symbols:view-list', () => setTableView(true), tableView)}
+          {getButton(t(KEY.common_sheet), 'material-symbols:view-list', () => setTableView(true), tableView)}
         </div>
       </div>
 
diff --git a/frontend/src/i18n/constants.ts b/frontend/src/i18n/constants.ts
index 81874762a..6bf601429 100644
--- a/frontend/src/i18n/constants.ts
+++ b/frontend/src/i18n/constants.ts
@@ -80,7 +80,7 @@ export const KEY = {
   common_date: 'common_date',
   common_show: 'common_show',
   common_menu: 'common_menu',
-  common_table: 'common_table',
+  common_table: 'common_table', // this one gives "bord" in Norwegian, not "tabell"
   common_sheet: 'common_sheet',
   common_max: 'common_max',
   common_edit: 'common_edit',

From a749646a1f096eab02498e6d1f992d575d0f9a73 Mon Sep 17 00:00:00 2001
From: BragonSB <brage.sebastian.brevik@gmail.com>
Date: Tue, 17 Mar 2026 20:58:24 +0100
Subject: [PATCH 37/79] Brage/web 92 create connect to mdb form (#2068)

* feat: add MDB-connect-form route and admin-page

* misc: add comments documenting my confusion

* fix: Biome and frontend-route

* feat: add MDB connection labels to admin page translations

* feat: add mdb_connection icon in AdminLayout

* fix: removed PermissionRoute from mdb route in router

* feat: create MDB connection form

* fix: biome biome biome biome biome

* style: move formprops to the left

* style: remove unused styling

* feat: connect to mdb backend

* feat: change from SamfForm to React Hook Form

* style: remove hardcoded styling

* fix: you can never have enough biome commits

* fix: made MDBConnectForm component self closing

* fix: made form_button styling class

* feat: add title

* fix: biome

* feat: add better error message when inputing invalid state

* feat: add new schema for email and membership number and both

* feat: add common error message

* misc: change norwegian translation

* misc: change username to member_login

* fix: better translation on password error and turn off autocomplete on password field

* fix: add space

* fix: change membership number to membership ID, change api function to camelCase, be consistent with translations
---
 .../PagesAdmin/AdminLayout/AdminLayout.tsx    |  5 ++
 .../MDBConnectForm.tsx                        | 86 +++++++++++++++++++
 .../MDBConnectFormAdminPage.module.scss       | 16 ++++
 .../MDBConnectFormAdminPage.tsx               | 17 ++++
 .../MDBConnectFormAdminPage/index.ts          |  2 +
 frontend/src/PagesAdmin/index.ts              |  1 +
 frontend/src/api.ts                           | 13 +++
 frontend/src/constants/constants.ts           |  2 +
 frontend/src/i18n/constants.ts                |  8 ++
 frontend/src/i18n/translations.ts             | 22 +++++
 frontend/src/router/router.tsx                |  7 ++
 frontend/src/routes/frontend.ts               |  1 +
 frontend/src/schema/user.ts                   | 32 ++++++-
 13 files changed, 211 insertions(+), 1 deletion(-)
 create mode 100644 frontend/src/PagesAdmin/MDBConnectFormAdminPage/MDBConnectForm.tsx
 create mode 100644 frontend/src/PagesAdmin/MDBConnectFormAdminPage/MDBConnectFormAdminPage.module.scss
 create mode 100644 frontend/src/PagesAdmin/MDBConnectFormAdminPage/MDBConnectFormAdminPage.tsx
 create mode 100644 frontend/src/PagesAdmin/MDBConnectFormAdminPage/index.ts

diff --git a/frontend/src/PagesAdmin/AdminLayout/AdminLayout.tsx b/frontend/src/PagesAdmin/AdminLayout/AdminLayout.tsx
index 7b2f60f99..487d682de 100644
--- a/frontend/src/PagesAdmin/AdminLayout/AdminLayout.tsx
+++ b/frontend/src/PagesAdmin/AdminLayout/AdminLayout.tsx
@@ -146,6 +146,11 @@ export function AdminLayout() {
             {t(KEY.admin_stop_impersonate)}
           </button>
         )}
+        {/** Connect to MDB button */}
+        <Link url={ROUTES.frontend.admin_mdb_connect_form} className={classNames(styles.panel_item)}>
+          <Icon icon="mdi:connection" />
+          {t(KEY.adminpage_connect_mdb)}
+        </Link>
         {/* Logout */}
         <button
           type="button"
diff --git a/frontend/src/PagesAdmin/MDBConnectFormAdminPage/MDBConnectForm.tsx b/frontend/src/PagesAdmin/MDBConnectFormAdminPage/MDBConnectForm.tsx
new file mode 100644
index 000000000..e470d4fc0
--- /dev/null
+++ b/frontend/src/PagesAdmin/MDBConnectFormAdminPage/MDBConnectForm.tsx
@@ -0,0 +1,86 @@
+import { zodResolver } from '@hookform/resolvers/zod';
+import { useForm } from 'react-hook-form';
+import { useTranslation } from 'react-i18next';
+import { toast } from 'react-toastify';
+import { z } from 'zod';
+import { Input } from '~/Components';
+import { Button } from '~/Components/Button';
+import { Form, FormField, FormItem, FormLabel } from '~/Components/Forms';
+import { FormControl } from '~/Components/Forms/Form';
+import { connectToMdb } from '~/api';
+import { useTitle } from '~/hooks';
+import { KEY } from '~/i18n/constants';
+import { EMAIL_OR_MEMBERSHIP_NUMBER, PASSWORD } from '~/schema/user';
+import { lowerCapitalize } from '~/utils';
+import styles from './MDBConnectFormAdminPage.module.scss';
+
+export function MDBConnectForm() {
+  const { t } = useTranslation();
+  useTitle(t(KEY.adminpage_connect_mdb));
+
+  const schema = z.object({
+    member_login: EMAIL_OR_MEMBERSHIP_NUMBER(t),
+    password: PASSWORD,
+  });
+
+  const form = useForm<z.infer<typeof schema>>({
+    resolver: zodResolver(schema),
+    defaultValues: {
+      member_login: '',
+      password: '',
+    },
+  });
+
+  function onSubmit(values: z.infer<typeof schema>) {
+    connectToMdb(values.member_login, values.password)
+      .then((res) => {
+        toast.success(t(KEY.adminpage_connect_mdb_succesful_toast));
+      })
+      .catch((error) => {
+        toast.error(t(KEY.adminpage_connect_mdb_common_error));
+      });
+  }
+
+  return (
+    <Form {...form}>
+      <form
+        onSubmit={form.handleSubmit(onSubmit, (error) => {
+          if (error.member_login) {
+            toast.error(error.member_login?.message);
+          }
+          if (error.password) {
+            toast.error(`${lowerCapitalize(t(KEY.common_password))}: ${error.password?.message}`);
+          }
+        })}
+      >
+        <FormField
+          control={form.control}
+          name="member_login"
+          render={({ field }) => (
+            <FormItem>
+              <FormLabel>{t(KEY.email_or_membership_number_message)}</FormLabel>
+              <FormControl>
+                <Input placeholder="" type="text" {...field} />
+              </FormControl>
+            </FormItem>
+          )}
+        />
+        <FormField
+          control={form.control}
+          name="password"
+          render={({ field }) => (
+            <FormItem>
+              <FormLabel>{lowerCapitalize(t(KEY.common_password))}</FormLabel>
+              <FormControl>
+                <Input placeholder="" type="password" autoComplete="off" {...field} />
+              </FormControl>
+            </FormItem>
+          )}
+        />
+        <Button className={styles.form_button} type="submit" theme="green" display="block" rounded>
+          {t(KEY.common_connect)}
+        </Button>
+      </form>
+    </Form>
+  );
+}
diff --git a/frontend/src/PagesAdmin/MDBConnectFormAdminPage/MDBConnectFormAdminPage.module.scss b/frontend/src/PagesAdmin/MDBConnectFormAdminPage/MDBConnectFormAdminPage.module.scss
new file mode 100644
index 000000000..3bf349cf0
--- /dev/null
+++ b/frontend/src/PagesAdmin/MDBConnectFormAdminPage/MDBConnectFormAdminPage.module.scss
@@ -0,0 +1,16 @@
+@use 'src/global.scss' as *;
+
+@use 'src/mixins' as *;
+
+@use 'src/constants' as *;
+
+.wrapper {
+    margin: 0 20vw 0 20vw;
+    display: flex;
+    flex-flow: row nowrap;
+}
+
+.form_button {
+    max-width: 15vw;
+    margin: 5vh auto 0 auto;
+}
\ No newline at end of file
diff --git a/frontend/src/PagesAdmin/MDBConnectFormAdminPage/MDBConnectFormAdminPage.tsx b/frontend/src/PagesAdmin/MDBConnectFormAdminPage/MDBConnectFormAdminPage.tsx
new file mode 100644
index 000000000..f887c8e95
--- /dev/null
+++ b/frontend/src/PagesAdmin/MDBConnectFormAdminPage/MDBConnectFormAdminPage.tsx
@@ -0,0 +1,17 @@
+import { useTranslation } from 'react-i18next';
+import { KEY } from '~/i18n/constants';
+import { AdminPage } from '../AdminPageLayout';
+import { MDBConnectForm } from './MDBConnectForm';
+import styles from './MDBConnectFormAdminPage.module.scss';
+
+export function MDBConnectFormAdminPage() {
+  const { t } = useTranslation();
+
+  return (
+    <AdminPage title={t(KEY.adminpage_connect_mdb_extended)}>
+      <div className={styles.wrapper}>
+        <MDBConnectForm />
+      </div>
+    </AdminPage>
+  );
+}
diff --git a/frontend/src/PagesAdmin/MDBConnectFormAdminPage/index.ts b/frontend/src/PagesAdmin/MDBConnectFormAdminPage/index.ts
new file mode 100644
index 000000000..16e810f9d
--- /dev/null
+++ b/frontend/src/PagesAdmin/MDBConnectFormAdminPage/index.ts
@@ -0,0 +1,2 @@
+export { MDBConnectFormAdminPage } from './MDBConnectFormAdminPage';
+export { MDBConnectForm } from './MDBConnectForm';
diff --git a/frontend/src/PagesAdmin/index.ts b/frontend/src/PagesAdmin/index.ts
index 3d4b2bc6c..c879d2c65 100644
--- a/frontend/src/PagesAdmin/index.ts
+++ b/frontend/src/PagesAdmin/index.ts
@@ -38,3 +38,4 @@ export { SultenMenuAdminPage } from './SultenMenuAdminPage';
 export { SultenMenuItemFormAdminPage } from './SultenMenuItemFormAdminPage';
 export { SultenReservationAdminPage } from './SultenReservationAdminPage';
 export { UsersAdminPage } from './UsersAdminPage';
+export { MDBConnectFormAdminPage } from './MDBConnectFormAdminPage';
diff --git a/frontend/src/api.ts b/frontend/src/api.ts
index 7215af6e6..d6afdf1c1 100644
--- a/frontend/src/api.ts
+++ b/frontend/src/api.ts
@@ -1341,3 +1341,16 @@ export async function getPositionsByTag(
   const response = await axios.get<PositionsByTagResponse>(url, { withCredentials: true });
   return response.data;
 }
+
+export async function connectToMdb(
+  member_login: string, //email or member_id
+  password: string,
+) {
+  const url =
+    BACKEND_DOMAIN +
+    reverse({
+      pattern: ROUTES.backend.samfundet__mdb_connect,
+    });
+  const response = await axios.post(url, { member_login, password }, { withCredentials: true });
+  return response.data;
+}
diff --git a/frontend/src/constants/constants.ts b/frontend/src/constants/constants.ts
index 2f5e51778..88dafe31b 100644
--- a/frontend/src/constants/constants.ts
+++ b/frontend/src/constants/constants.ts
@@ -87,6 +87,8 @@ export const USERNAME_LENGTH_MIN = 2;
 export const USERNAME_LENGTH_MAX = 32;
 export const PASSWORD_LENGTH_MIN = 8;
 export const PASSWORD_LENGTH_MAX = 2048;
+export const MEMBERSHIP_ID_LENGTH_MIN = 1;
+export const MEMBERSHIP_ID_LENGTH_MAX = 30;
 
 // see pagination.py CustomPageNumberPagination
 export const PAGE_SIZE = 25;
diff --git a/frontend/src/i18n/constants.ts b/frontend/src/i18n/constants.ts
index 6bf601429..6dafd429d 100644
--- a/frontend/src/i18n/constants.ts
+++ b/frontend/src/i18n/constants.ts
@@ -57,6 +57,7 @@ export const KEY = {
   pick_a_date: 'pick_a_date',
 
   // No category:
+  common_connect: 'common_connect',
   common_content: 'common_content',
   common_url: 'common_url',
   common_manage: 'common_manage',
@@ -290,6 +291,7 @@ export const KEY = {
   // Purchase Ticket Info:
   invalid_email_message: 'invalid_email_message',
   email_or_membership_number_message: 'email_or_membership_number_message',
+  email_or_membership_number: 'email_or_membership_number',
   no_tickets_selected_message: 'no_tickets_selected_message',
   kr_per_ticket: 'kr_per_ticket',
   enter_membership_number: 'enter_membership_number',
@@ -589,6 +591,12 @@ export const KEY = {
   admin_role_page_orggangsection: 'admin_role_page_orggangsection',
   admin_role_page_role_since: 'admin_role_page_role_since',
   admin_role_page_given_by: 'admin_role_page_given_by',
+  adminpage_connect_mdb: 'adminpage_connect_mdb',
+  adminpage_connect_mdb_extended: 'adminpage_connect_mdb_extended',
+  adminpage_connect_mdb_succesful_toast: 'adminpage_connect_mdb_succesful_toast',
+  adminpage_connect_mdb_invalid_email: 'adminpage_connect_mdb_invalid_email',
+  adminpage_connect_mdb_invalid_membership_id: 'adminpage_connect_mdb_invalid_membership_id',
+  adminpage_connect_mdb_common_error: 'adminpage_connect_mdb_common_error',
 
   // CommandMenu:
   command_menu_label: 'command_menu_label',
diff --git a/frontend/src/i18n/translations.ts b/frontend/src/i18n/translations.ts
index c7e52c512..33d1ce93c 100644
--- a/frontend/src/i18n/translations.ts
+++ b/frontend/src/i18n/translations.ts
@@ -43,6 +43,7 @@ export const nb = prepareTranslations({
   [KEY.pick_a_date]: 'Velg en dato',
 
   // Other common
+  [KEY.common_connect]: 'Koble til',
   [KEY.common_content]: 'Innhold',
   [KEY.common_url]: 'URL',
   [KEY.common_manage]: 'Håndter',
@@ -303,6 +304,7 @@ export const nb = prepareTranslations({
   //Purchase Ticket Info:
   [KEY.invalid_email_message]: 'Ugyldig e-postformat',
   [KEY.email_or_membership_number_message]: 'Du må oppgi enten en e-post eller et medlemsnummer',
+  [KEY.email_or_membership_number]: 'e-post eller medlemsnummer',
   [KEY.no_tickets_selected_message]: 'Du må velge minst én billett',
   [KEY.kr_per_ticket]: 'kr per billett',
   [KEY.enter_membership_number]: 'Skriv inn medlemsnummer',
@@ -324,6 +326,15 @@ export const nb = prepareTranslations({
   [KEY.adminpage_gangs_title]: 'Administrer gjenger',
   [KEY.adminpage_gangs_create]: 'Opprett gjeng',
 
+  //MDB Connect AdminPage
+  [KEY.adminpage_connect_mdb]: 'Koble til MDB',
+  [KEY.adminpage_connect_mdb_extended]: 'Koble til medlemsdatabasen',
+  [KEY.adminpage_connect_mdb_succesful_toast]: 'Vellyket tilkobling til medlemsdatabasen',
+  [KEY.adminpage_connect_mdb_invalid_email]: 'ugyldig e-post',
+  [KEY.adminpage_connect_mdb_invalid_membership_id]: 'ugyldig medlemsdatabasenummer',
+  [KEY.adminpage_connect_mdb_common_error]:
+    'Kunne ikke koble til medlemsdatabasen. Vennligst sjekk at alle felter er skrevet riktig',
+
   // SaksdokumentPage:
   [KEY.saksdokumentpage_publication_date]: 'Publiseringsdato',
 
@@ -721,6 +732,7 @@ export const en = prepareTranslations({
   [KEY.pick_a_date]: 'Pick a date',
 
   // No category:
+  [KEY.common_connect]: 'Connect',
   [KEY.common_content]: 'Content',
   [KEY.common_url]: 'URL',
   [KEY.common_manage]: 'Manage',
@@ -975,6 +987,7 @@ export const en = prepareTranslations({
   //Purchase Ticket Info:
   [KEY.invalid_email_message]: 'Invalid email format',
   [KEY.email_or_membership_number_message]: 'You must provide either an email or a membership number',
+  [KEY.email_or_membership_number]: 'email or membership number',
   [KEY.no_tickets_selected_message]: 'You must select at least one ticket',
   [KEY.kr_per_ticket]: 'kr per ticket',
   [KEY.enter_membership_number]: 'Enter your membership number',
@@ -1317,6 +1330,15 @@ export const en = prepareTranslations({
   [KEY.feedback_your_feedback]: 'Your feedback',
   [KEY.feedback_thank_you_for_feedback]: 'Thank you for your feedback',
 
+  //MDB Connect AdminPage
+  [KEY.adminpage_connect_mdb]: 'Connect to MDB',
+  [KEY.adminpage_connect_mdb_extended]: 'Connect to the membership database',
+  [KEY.adminpage_connect_mdb_succesful_toast]: 'Succesfully connected to the membership database',
+  [KEY.adminpage_connect_mdb_invalid_email]: 'Invalid email',
+  [KEY.adminpage_connect_mdb_invalid_membership_id]: 'Invalid membership ID',
+  [KEY.adminpage_connect_mdb_common_error]:
+    "Couldn't connect to the membership database. Please check that all fields are correct",
+
   // No category:
   [KEY.owner]: 'Owner',
   [KEY.end_time]: 'End time',
diff --git a/frontend/src/router/router.tsx b/frontend/src/router/router.tsx
index a0b03b4b0..f904b420e 100644
--- a/frontend/src/router/router.tsx
+++ b/frontend/src/router/router.tsx
@@ -53,6 +53,7 @@ import {
   ImageFormAdminPage,
   InformationAdminPage,
   InformationFormAdminPage,
+  MDBConnectFormAdminPage,
   OpeningHoursAdminPage,
   RecruitmentAdminPage,
   RecruitmentApplicantAdminPage,
@@ -1010,6 +1011,12 @@ export const router = createBrowserRouter(
               />
             }
           />
+          {/* MDB Connect Form */}
+          <Route
+            path={ROUTES.frontend.admin_mdb_connect_form}
+            handle={{ crumb: ({ pathname }: UIMatch) => <Link url={pathname}>{t(KEY.adminpage_connect_mdb)}</Link> }}
+            element={<MDBConnectFormAdminPage />}
+          />
         </Route>
       </Route>
       {/*
diff --git a/frontend/src/routes/frontend.ts b/frontend/src/routes/frontend.ts
index 630721f66..1b6068e98 100644
--- a/frontend/src/routes/frontend.ts
+++ b/frontend/src/routes/frontend.ts
@@ -47,6 +47,7 @@ export const ROUTES_FRONTEND = {
   //      Admin pages     //
   // ==================== //
   admin: '/control-panel/',
+  admin_mdb_connect_form: '/control-panel/mdb-connect-form',
   // Users
   admin_users: '/control-panel/users/',
   // Roles
diff --git a/frontend/src/schema/user.ts b/frontend/src/schema/user.ts
index dd4163e5e..c523e0244 100644
--- a/frontend/src/schema/user.ts
+++ b/frontend/src/schema/user.ts
@@ -1,6 +1,36 @@
+import type { TFunction } from 'i18next';
 import { z } from 'zod';
-import { PASSWORD_LENGTH_MAX, PASSWORD_LENGTH_MIN, USERNAME_LENGTH_MAX, USERNAME_LENGTH_MIN } from '~/constants';
+import {
+  MEMBERSHIP_ID_LENGTH_MAX,
+  MEMBERSHIP_ID_LENGTH_MIN,
+  PASSWORD_LENGTH_MAX,
+  PASSWORD_LENGTH_MIN,
+  USERNAME_LENGTH_MAX,
+  USERNAME_LENGTH_MIN,
+} from '~/constants';
+import { KEY } from '~/i18n/constants';
+import { lowerCapitalize } from '~/utils';
 
 export const USERNAME = z.string().min(USERNAME_LENGTH_MIN).max(USERNAME_LENGTH_MAX);
 
 export const PASSWORD = z.string().min(PASSWORD_LENGTH_MIN).max(PASSWORD_LENGTH_MAX);
+
+export const EMAIL = z.string().email();
+
+export const MEMBERSHIPNUMBER = z.string().min(MEMBERSHIP_ID_LENGTH_MIN).max(MEMBERSHIP_ID_LENGTH_MAX).regex(/^\d+$/);
+
+export const EMAIL_OR_MEMBERSHIP_NUMBER = (t: TFunction) =>
+  z.string().superRefine((value, ctx) => {
+    const membershipNumberResult = MEMBERSHIPNUMBER.safeParse(value).success;
+    const emailResult = EMAIL.safeParse(value).success;
+
+    if (!emailResult && !membershipNumberResult) {
+      const onlyNumbers = /^\d+$/.test(value);
+      ctx.addIssue({
+        code: z.ZodIssueCode.custom,
+        message: onlyNumbers
+          ? lowerCapitalize(t(KEY.adminpage_connect_mdb_invalid_membership_id))
+          : lowerCapitalize(t(KEY.adminpage_connect_mdb_invalid_email)),
+      });
+    }
+  });

From 8128f381b8251484b503567e8a6e10b8755aaf92 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Tue, 17 Mar 2026 21:44:00 +0100
Subject: [PATCH 38/79] Bump gunicorn from 23.0.0 to 25.1.0 in /backend (#2087)

Bumps [gunicorn](https://github.com/benoitc/gunicorn) from 23.0.0 to 25.1.0.
- [Release notes](https://github.com/benoitc/gunicorn/releases)
- [Commits](https://github.com/benoitc/gunicorn/compare/23.0.0...25.1.0)

---
updated-dependencies:
- dependency-name: gunicorn
  dependency-version: 25.1.0
  dependency-type: direct:production
  update-type: version-update:semver-major
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
---
 backend/poetry.lock    | 19 ++++++++++---------
 backend/pyproject.toml |  2 +-
 2 files changed, 11 insertions(+), 10 deletions(-)

diff --git a/backend/poetry.lock b/backend/poetry.lock
index 75d7a954f..69fbc7915 100644
--- a/backend/poetry.lock
+++ b/backend/poetry.lock
@@ -398,25 +398,26 @@ python-dateutil = ">=2.7"
 
 [[package]]
 name = "gunicorn"
-version = "23.0.0"
+version = "25.1.0"
 description = "WSGI HTTP Server for UNIX"
 optional = false
-python-versions = ">=3.7"
+python-versions = ">=3.10"
 groups = ["main"]
 files = [
-    {file = "gunicorn-23.0.0-py3-none-any.whl", hash = "sha256:ec400d38950de4dfd418cff8328b2c8faed0edb0d517d3394e457c317908ca4d"},
-    {file = "gunicorn-23.0.0.tar.gz", hash = "sha256:f014447a0101dc57e294f6c18ca6b40227a4c90e9bdb586042628030cba004ec"},
+    {file = "gunicorn-25.1.0-py3-none-any.whl", hash = "sha256:d0b1236ccf27f72cfe14bce7caadf467186f19e865094ca84221424e839b8b8b"},
+    {file = "gunicorn-25.1.0.tar.gz", hash = "sha256:1426611d959fa77e7de89f8c0f32eed6aa03ee735f98c01efba3e281b1c47616"},
 ]
 
 [package.dependencies]
 packaging = "*"
 
 [package.extras]
-eventlet = ["eventlet (>=0.24.1,!=0.36.0)"]
-gevent = ["gevent (>=1.4.0)"]
+eventlet = ["eventlet (>=0.40.3)"]
+gevent = ["gevent (>=24.10.1)"]
+http2 = ["h2 (>=4.1.0)"]
 setproctitle = ["setproctitle"]
-testing = ["coverage", "eventlet", "gevent", "pytest", "pytest-cov"]
-tornado = ["tornado (>=0.2)"]
+testing = ["coverage", "eventlet (>=0.40.3)", "gevent (>=24.10.1)", "h2 (>=4.1.0)", "httpx[http2]", "pytest", "pytest-asyncio", "pytest-cov", "uvloop (>=0.19.0)"]
+tornado = ["tornado (>=6.5.0)"]
 
 [[package]]
 name = "idna"
@@ -1393,4 +1394,4 @@ zstd = ["backports-zstd (>=1.0.0) ; python_version < \"3.14\""]
 [metadata]
 lock-version = "2.1"
 python-versions = "3.11.2"
-content-hash = "e4f3f45d0679a22c5fd8a9bbcebb6d2f889cafd2f604f7171a13112566d7aa55"
+content-hash = "69c12ee5ce9c929e3d8b609fcaa2f352c5f592bc65b157ccddfb1e1e53735383"
diff --git a/backend/pyproject.toml b/backend/pyproject.toml
index 299c874ea..93d67b7e0 100644
--- a/backend/pyproject.toml
+++ b/backend/pyproject.toml
@@ -151,7 +151,7 @@ django-cors-headers = "4.*"
 dataclasses-json = "0.*"
 django-guardian = "2.*"
 pillow = "12.*"
-gunicorn = "23.*"
+gunicorn = "25.*"
 django-admin-autocomplete-filter = "0.*"
 psycopg = { extras = ["c"], version = "*" }
 

From 0b72a1c9db6c826479a6f67511f626adf68d5e97 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Tue, 17 Mar 2026 21:44:21 +0100
Subject: [PATCH 39/79] Bump psycopg from 3.3.2 to 3.3.3 in /backend (#2088)

Bumps [psycopg](https://github.com/psycopg/psycopg) from 3.3.2 to 3.3.3.
- [Changelog](https://github.com/psycopg/psycopg/blob/master/docs/news.rst)
- [Commits](https://github.com/psycopg/psycopg/compare/3.3.2...3.3.3)

---
updated-dependencies:
- dependency-name: psycopg
  dependency-version: 3.3.3
  dependency-type: direct:production
  update-type: version-update:semver-patch
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
---
 backend/poetry.lock | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/backend/poetry.lock b/backend/poetry.lock
index 69fbc7915..6883eeb3c 100644
--- a/backend/poetry.lock
+++ b/backend/poetry.lock
@@ -878,39 +878,39 @@ testing = ["pytest", "pytest-benchmark"]
 
 [[package]]
 name = "psycopg"
-version = "3.3.2"
+version = "3.3.3"
 description = "PostgreSQL database adapter for Python"
 optional = false
 python-versions = ">=3.10"
 groups = ["main"]
 files = [
-    {file = "psycopg-3.3.2-py3-none-any.whl", hash = "sha256:3e94bc5f4690247d734599af56e51bae8e0db8e4311ea413f801fef82b14a99b"},
-    {file = "psycopg-3.3.2.tar.gz", hash = "sha256:707a67975ee214d200511177a6a80e56e654754c9afca06a7194ea6bbfde9ca7"},
+    {file = "psycopg-3.3.3-py3-none-any.whl", hash = "sha256:f96525a72bcfade6584ab17e89de415ff360748c766f0106959144dcbb38c698"},
+    {file = "psycopg-3.3.3.tar.gz", hash = "sha256:5e9a47458b3c1583326513b2556a2a9473a1001a56c9efe9e587245b43148dd9"},
 ]
 
 [package.dependencies]
-psycopg-c = {version = "3.3.2", optional = true, markers = "implementation_name != \"pypy\" and extra == \"c\""}
+psycopg-c = {version = "3.3.3", optional = true, markers = "implementation_name != \"pypy\" and extra == \"c\""}
 typing-extensions = {version = ">=4.6", markers = "python_version < \"3.13\""}
 tzdata = {version = "*", markers = "sys_platform == \"win32\""}
 
 [package.extras]
-binary = ["psycopg-binary (==3.3.2) ; implementation_name != \"pypy\""]
-c = ["psycopg-c (==3.3.2) ; implementation_name != \"pypy\""]
-dev = ["ast-comments (>=1.1.2)", "black (>=24.1.0)", "codespell (>=2.2)", "cython-lint (>=0.16)", "dnspython (>=2.1)", "flake8 (>=4.0)", "isort-psycopg", "isort[colors] (>=6.0)", "mypy (>=1.19.0)", "pre-commit (>=4.0.1)", "types-setuptools (>=57.4)", "types-shapely (>=2.0)", "wheel (>=0.37)"]
+binary = ["psycopg-binary (==3.3.3) ; implementation_name != \"pypy\""]
+c = ["psycopg-c (==3.3.3) ; implementation_name != \"pypy\""]
+dev = ["ast-comments (>=1.1.2)", "black (>=26.1.0)", "codespell (>=2.2)", "cython-lint (>=0.16)", "dnspython (>=2.1)", "flake8 (>=4.0)", "isort-psycopg", "isort[colors] (>=6.0)", "mypy (>=1.19.0)", "pre-commit (>=4.0.1)", "types-setuptools (>=57.4)", "types-shapely (>=2.0)", "wheel (>=0.37)"]
 docs = ["Sphinx (>=5.0)", "furo (==2022.6.21)", "sphinx-autobuild (>=2021.3.14)", "sphinx-autodoc-typehints (>=1.12)"]
 pool = ["psycopg-pool"]
 test = ["anyio (>=4.0)", "mypy (>=1.19.0) ; implementation_name != \"pypy\"", "pproxy (>=2.7)", "pytest (>=6.2.5)", "pytest-cov (>=3.0)", "pytest-randomly (>=3.5)"]
 
 [[package]]
 name = "psycopg-c"
-version = "3.3.2"
+version = "3.3.3"
 description = "PostgreSQL database adapter for Python -- C optimisation distribution"
 optional = false
 python-versions = ">=3.10"
 groups = ["main"]
 markers = "implementation_name != \"pypy\""
 files = [
-    {file = "psycopg_c-3.3.2.tar.gz", hash = "sha256:a65927731d394cc77bbf85d02d0311d7843616a4a627f3e816e94ad3a052ef83"},
+    {file = "psycopg_c-3.3.3.tar.gz", hash = "sha256:86ef6f4424348247828e83fb0882c9f8acb33e64d0a5ce66c1b4a5107ee73edd"},
 ]
 
 [[package]]

From 8d1ccde385f6fd78ce01695974e972d329b17a9b Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Tue, 17 Mar 2026 21:45:07 +0100
Subject: [PATCH 40/79] Bump bandit from 1.9.3 to 1.9.4 in /backend (#2089)

Bumps [bandit](https://github.com/PyCQA/bandit) from 1.9.3 to 1.9.4.
- [Release notes](https://github.com/PyCQA/bandit/releases)
- [Commits](https://github.com/PyCQA/bandit/compare/1.9.3...1.9.4)

---
updated-dependencies:
- dependency-name: bandit
  dependency-version: 1.9.4
  dependency-type: direct:development
  update-type: version-update:semver-patch
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
---
 backend/poetry.lock | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/backend/poetry.lock b/backend/poetry.lock
index 6883eeb3c..fcc2d84cb 100644
--- a/backend/poetry.lock
+++ b/backend/poetry.lock
@@ -37,14 +37,14 @@ tests-mypy = ["mypy (>=1.11.1) ; platform_python_implementation == \"CPython\" a
 
 [[package]]
 name = "bandit"
-version = "1.9.3"
+version = "1.9.4"
 description = "Security oriented static analyser for python code."
 optional = false
 python-versions = ">=3.10"
 groups = ["dev"]
 files = [
-    {file = "bandit-1.9.3-py3-none-any.whl", hash = "sha256:4745917c88d2246def79748bde5e08b9d5e9b92f877863d43fab70cd8814ce6a"},
-    {file = "bandit-1.9.3.tar.gz", hash = "sha256:ade4b9b7786f89ef6fc7344a52b34558caec5da74cb90373aed01de88472f774"},
+    {file = "bandit-1.9.4-py3-none-any.whl", hash = "sha256:f89ffa663767f5a0585ea075f01020207e966a9c0f2b9ef56a57c7963a3f6f8e"},
+    {file = "bandit-1.9.4.tar.gz", hash = "sha256:b589e5de2afe70bd4d53fa0c1da6199f4085af666fde00e8a034f152a52cd628"},
 ]
 
 [package.dependencies]

From ed257d8158c14c7428f59ecbda2b4f4c872c7382 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Tue, 17 Mar 2026 21:45:40 +0100
Subject: [PATCH 41/79] Bump rollup from 4.53.2 to 4.59.0 in /frontend (#2086)

Bumps [rollup](https://github.com/rollup/rollup) from 4.53.2 to 4.59.0.
- [Release notes](https://github.com/rollup/rollup/releases)
- [Changelog](https://github.com/rollup/rollup/blob/master/CHANGELOG.md)
- [Commits](https://github.com/rollup/rollup/compare/v4.53.2...v4.59.0)

---
updated-dependencies:
- dependency-name: rollup
  dependency-version: 4.59.0
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
---
 frontend/yarn.lock | 214 ++++++++++++++++++++++++++-------------------
 1 file changed, 122 insertions(+), 92 deletions(-)

diff --git a/frontend/yarn.lock b/frontend/yarn.lock
index 6ae297a80..132a35509 100644
--- a/frontend/yarn.lock
+++ b/frontend/yarn.lock
@@ -1457,156 +1457,177 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@rollup/rollup-android-arm-eabi@npm:4.53.2":
-  version: 4.53.2
-  resolution: "@rollup/rollup-android-arm-eabi@npm:4.53.2"
+"@rollup/rollup-android-arm-eabi@npm:4.59.0":
+  version: 4.59.0
+  resolution: "@rollup/rollup-android-arm-eabi@npm:4.59.0"
   conditions: os=android & cpu=arm
   languageName: node
   linkType: hard
 
-"@rollup/rollup-android-arm64@npm:4.53.2":
-  version: 4.53.2
-  resolution: "@rollup/rollup-android-arm64@npm:4.53.2"
+"@rollup/rollup-android-arm64@npm:4.59.0":
+  version: 4.59.0
+  resolution: "@rollup/rollup-android-arm64@npm:4.59.0"
   conditions: os=android & cpu=arm64
   languageName: node
   linkType: hard
 
-"@rollup/rollup-darwin-arm64@npm:4.53.2":
-  version: 4.53.2
-  resolution: "@rollup/rollup-darwin-arm64@npm:4.53.2"
+"@rollup/rollup-darwin-arm64@npm:4.59.0":
+  version: 4.59.0
+  resolution: "@rollup/rollup-darwin-arm64@npm:4.59.0"
   conditions: os=darwin & cpu=arm64
   languageName: node
   linkType: hard
 
-"@rollup/rollup-darwin-x64@npm:4.53.2":
-  version: 4.53.2
-  resolution: "@rollup/rollup-darwin-x64@npm:4.53.2"
+"@rollup/rollup-darwin-x64@npm:4.59.0":
+  version: 4.59.0
+  resolution: "@rollup/rollup-darwin-x64@npm:4.59.0"
   conditions: os=darwin & cpu=x64
   languageName: node
   linkType: hard
 
-"@rollup/rollup-freebsd-arm64@npm:4.53.2":
-  version: 4.53.2
-  resolution: "@rollup/rollup-freebsd-arm64@npm:4.53.2"
+"@rollup/rollup-freebsd-arm64@npm:4.59.0":
+  version: 4.59.0
+  resolution: "@rollup/rollup-freebsd-arm64@npm:4.59.0"
   conditions: os=freebsd & cpu=arm64
   languageName: node
   linkType: hard
 
-"@rollup/rollup-freebsd-x64@npm:4.53.2":
-  version: 4.53.2
-  resolution: "@rollup/rollup-freebsd-x64@npm:4.53.2"
+"@rollup/rollup-freebsd-x64@npm:4.59.0":
+  version: 4.59.0
+  resolution: "@rollup/rollup-freebsd-x64@npm:4.59.0"
   conditions: os=freebsd & cpu=x64
   languageName: node
   linkType: hard
 
-"@rollup/rollup-linux-arm-gnueabihf@npm:4.53.2":
-  version: 4.53.2
-  resolution: "@rollup/rollup-linux-arm-gnueabihf@npm:4.53.2"
+"@rollup/rollup-linux-arm-gnueabihf@npm:4.59.0":
+  version: 4.59.0
+  resolution: "@rollup/rollup-linux-arm-gnueabihf@npm:4.59.0"
   conditions: os=linux & cpu=arm & libc=glibc
   languageName: node
   linkType: hard
 
-"@rollup/rollup-linux-arm-musleabihf@npm:4.53.2":
-  version: 4.53.2
-  resolution: "@rollup/rollup-linux-arm-musleabihf@npm:4.53.2"
+"@rollup/rollup-linux-arm-musleabihf@npm:4.59.0":
+  version: 4.59.0
+  resolution: "@rollup/rollup-linux-arm-musleabihf@npm:4.59.0"
   conditions: os=linux & cpu=arm & libc=musl
   languageName: node
   linkType: hard
 
-"@rollup/rollup-linux-arm64-gnu@npm:4.53.2":
-  version: 4.53.2
-  resolution: "@rollup/rollup-linux-arm64-gnu@npm:4.53.2"
+"@rollup/rollup-linux-arm64-gnu@npm:4.59.0":
+  version: 4.59.0
+  resolution: "@rollup/rollup-linux-arm64-gnu@npm:4.59.0"
   conditions: os=linux & cpu=arm64 & libc=glibc
   languageName: node
   linkType: hard
 
-"@rollup/rollup-linux-arm64-musl@npm:4.53.2":
-  version: 4.53.2
-  resolution: "@rollup/rollup-linux-arm64-musl@npm:4.53.2"
+"@rollup/rollup-linux-arm64-musl@npm:4.59.0":
+  version: 4.59.0
+  resolution: "@rollup/rollup-linux-arm64-musl@npm:4.59.0"
   conditions: os=linux & cpu=arm64 & libc=musl
   languageName: node
   linkType: hard
 
-"@rollup/rollup-linux-loong64-gnu@npm:4.53.2":
-  version: 4.53.2
-  resolution: "@rollup/rollup-linux-loong64-gnu@npm:4.53.2"
+"@rollup/rollup-linux-loong64-gnu@npm:4.59.0":
+  version: 4.59.0
+  resolution: "@rollup/rollup-linux-loong64-gnu@npm:4.59.0"
   conditions: os=linux & cpu=loong64 & libc=glibc
   languageName: node
   linkType: hard
 
-"@rollup/rollup-linux-ppc64-gnu@npm:4.53.2":
-  version: 4.53.2
-  resolution: "@rollup/rollup-linux-ppc64-gnu@npm:4.53.2"
+"@rollup/rollup-linux-loong64-musl@npm:4.59.0":
+  version: 4.59.0
+  resolution: "@rollup/rollup-linux-loong64-musl@npm:4.59.0"
+  conditions: os=linux & cpu=loong64 & libc=musl
+  languageName: node
+  linkType: hard
+
+"@rollup/rollup-linux-ppc64-gnu@npm:4.59.0":
+  version: 4.59.0
+  resolution: "@rollup/rollup-linux-ppc64-gnu@npm:4.59.0"
   conditions: os=linux & cpu=ppc64 & libc=glibc
   languageName: node
   linkType: hard
 
-"@rollup/rollup-linux-riscv64-gnu@npm:4.53.2":
-  version: 4.53.2
-  resolution: "@rollup/rollup-linux-riscv64-gnu@npm:4.53.2"
+"@rollup/rollup-linux-ppc64-musl@npm:4.59.0":
+  version: 4.59.0
+  resolution: "@rollup/rollup-linux-ppc64-musl@npm:4.59.0"
+  conditions: os=linux & cpu=ppc64 & libc=musl
+  languageName: node
+  linkType: hard
+
+"@rollup/rollup-linux-riscv64-gnu@npm:4.59.0":
+  version: 4.59.0
+  resolution: "@rollup/rollup-linux-riscv64-gnu@npm:4.59.0"
   conditions: os=linux & cpu=riscv64 & libc=glibc
   languageName: node
   linkType: hard
 
-"@rollup/rollup-linux-riscv64-musl@npm:4.53.2":
-  version: 4.53.2
-  resolution: "@rollup/rollup-linux-riscv64-musl@npm:4.53.2"
+"@rollup/rollup-linux-riscv64-musl@npm:4.59.0":
+  version: 4.59.0
+  resolution: "@rollup/rollup-linux-riscv64-musl@npm:4.59.0"
   conditions: os=linux & cpu=riscv64 & libc=musl
   languageName: node
   linkType: hard
 
-"@rollup/rollup-linux-s390x-gnu@npm:4.53.2":
-  version: 4.53.2
-  resolution: "@rollup/rollup-linux-s390x-gnu@npm:4.53.2"
+"@rollup/rollup-linux-s390x-gnu@npm:4.59.0":
+  version: 4.59.0
+  resolution: "@rollup/rollup-linux-s390x-gnu@npm:4.59.0"
   conditions: os=linux & cpu=s390x & libc=glibc
   languageName: node
   linkType: hard
 
-"@rollup/rollup-linux-x64-gnu@npm:4.53.2":
-  version: 4.53.2
-  resolution: "@rollup/rollup-linux-x64-gnu@npm:4.53.2"
+"@rollup/rollup-linux-x64-gnu@npm:4.59.0":
+  version: 4.59.0
+  resolution: "@rollup/rollup-linux-x64-gnu@npm:4.59.0"
   conditions: os=linux & cpu=x64 & libc=glibc
   languageName: node
   linkType: hard
 
-"@rollup/rollup-linux-x64-musl@npm:4.53.2":
-  version: 4.53.2
-  resolution: "@rollup/rollup-linux-x64-musl@npm:4.53.2"
+"@rollup/rollup-linux-x64-musl@npm:4.59.0":
+  version: 4.59.0
+  resolution: "@rollup/rollup-linux-x64-musl@npm:4.59.0"
   conditions: os=linux & cpu=x64 & libc=musl
   languageName: node
   linkType: hard
 
-"@rollup/rollup-openharmony-arm64@npm:4.53.2":
-  version: 4.53.2
-  resolution: "@rollup/rollup-openharmony-arm64@npm:4.53.2"
+"@rollup/rollup-openbsd-x64@npm:4.59.0":
+  version: 4.59.0
+  resolution: "@rollup/rollup-openbsd-x64@npm:4.59.0"
+  conditions: os=openbsd & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@rollup/rollup-openharmony-arm64@npm:4.59.0":
+  version: 4.59.0
+  resolution: "@rollup/rollup-openharmony-arm64@npm:4.59.0"
   conditions: os=openharmony & cpu=arm64
   languageName: node
   linkType: hard
 
-"@rollup/rollup-win32-arm64-msvc@npm:4.53.2":
-  version: 4.53.2
-  resolution: "@rollup/rollup-win32-arm64-msvc@npm:4.53.2"
+"@rollup/rollup-win32-arm64-msvc@npm:4.59.0":
+  version: 4.59.0
+  resolution: "@rollup/rollup-win32-arm64-msvc@npm:4.59.0"
   conditions: os=win32 & cpu=arm64
   languageName: node
   linkType: hard
 
-"@rollup/rollup-win32-ia32-msvc@npm:4.53.2":
-  version: 4.53.2
-  resolution: "@rollup/rollup-win32-ia32-msvc@npm:4.53.2"
+"@rollup/rollup-win32-ia32-msvc@npm:4.59.0":
+  version: 4.59.0
+  resolution: "@rollup/rollup-win32-ia32-msvc@npm:4.59.0"
   conditions: os=win32 & cpu=ia32
   languageName: node
   linkType: hard
 
-"@rollup/rollup-win32-x64-gnu@npm:4.53.2":
-  version: 4.53.2
-  resolution: "@rollup/rollup-win32-x64-gnu@npm:4.53.2"
+"@rollup/rollup-win32-x64-gnu@npm:4.59.0":
+  version: 4.59.0
+  resolution: "@rollup/rollup-win32-x64-gnu@npm:4.59.0"
   conditions: os=win32 & cpu=x64
   languageName: node
   linkType: hard
 
-"@rollup/rollup-win32-x64-msvc@npm:4.53.2":
-  version: 4.53.2
-  resolution: "@rollup/rollup-win32-x64-msvc@npm:4.53.2"
+"@rollup/rollup-win32-x64-msvc@npm:4.59.0":
+  version: 4.59.0
+  resolution: "@rollup/rollup-win32-x64-msvc@npm:4.59.0"
   conditions: os=win32 & cpu=x64
   languageName: node
   linkType: hard
@@ -7527,31 +7548,34 @@ __metadata:
   linkType: hard
 
 "rollup@npm:^4.34.9":
-  version: 4.53.2
-  resolution: "rollup@npm:4.53.2"
-  dependencies:
-    "@rollup/rollup-android-arm-eabi": "npm:4.53.2"
-    "@rollup/rollup-android-arm64": "npm:4.53.2"
-    "@rollup/rollup-darwin-arm64": "npm:4.53.2"
-    "@rollup/rollup-darwin-x64": "npm:4.53.2"
-    "@rollup/rollup-freebsd-arm64": "npm:4.53.2"
-    "@rollup/rollup-freebsd-x64": "npm:4.53.2"
-    "@rollup/rollup-linux-arm-gnueabihf": "npm:4.53.2"
-    "@rollup/rollup-linux-arm-musleabihf": "npm:4.53.2"
-    "@rollup/rollup-linux-arm64-gnu": "npm:4.53.2"
-    "@rollup/rollup-linux-arm64-musl": "npm:4.53.2"
-    "@rollup/rollup-linux-loong64-gnu": "npm:4.53.2"
-    "@rollup/rollup-linux-ppc64-gnu": "npm:4.53.2"
-    "@rollup/rollup-linux-riscv64-gnu": "npm:4.53.2"
-    "@rollup/rollup-linux-riscv64-musl": "npm:4.53.2"
-    "@rollup/rollup-linux-s390x-gnu": "npm:4.53.2"
-    "@rollup/rollup-linux-x64-gnu": "npm:4.53.2"
-    "@rollup/rollup-linux-x64-musl": "npm:4.53.2"
-    "@rollup/rollup-openharmony-arm64": "npm:4.53.2"
-    "@rollup/rollup-win32-arm64-msvc": "npm:4.53.2"
-    "@rollup/rollup-win32-ia32-msvc": "npm:4.53.2"
-    "@rollup/rollup-win32-x64-gnu": "npm:4.53.2"
-    "@rollup/rollup-win32-x64-msvc": "npm:4.53.2"
+  version: 4.59.0
+  resolution: "rollup@npm:4.59.0"
+  dependencies:
+    "@rollup/rollup-android-arm-eabi": "npm:4.59.0"
+    "@rollup/rollup-android-arm64": "npm:4.59.0"
+    "@rollup/rollup-darwin-arm64": "npm:4.59.0"
+    "@rollup/rollup-darwin-x64": "npm:4.59.0"
+    "@rollup/rollup-freebsd-arm64": "npm:4.59.0"
+    "@rollup/rollup-freebsd-x64": "npm:4.59.0"
+    "@rollup/rollup-linux-arm-gnueabihf": "npm:4.59.0"
+    "@rollup/rollup-linux-arm-musleabihf": "npm:4.59.0"
+    "@rollup/rollup-linux-arm64-gnu": "npm:4.59.0"
+    "@rollup/rollup-linux-arm64-musl": "npm:4.59.0"
+    "@rollup/rollup-linux-loong64-gnu": "npm:4.59.0"
+    "@rollup/rollup-linux-loong64-musl": "npm:4.59.0"
+    "@rollup/rollup-linux-ppc64-gnu": "npm:4.59.0"
+    "@rollup/rollup-linux-ppc64-musl": "npm:4.59.0"
+    "@rollup/rollup-linux-riscv64-gnu": "npm:4.59.0"
+    "@rollup/rollup-linux-riscv64-musl": "npm:4.59.0"
+    "@rollup/rollup-linux-s390x-gnu": "npm:4.59.0"
+    "@rollup/rollup-linux-x64-gnu": "npm:4.59.0"
+    "@rollup/rollup-linux-x64-musl": "npm:4.59.0"
+    "@rollup/rollup-openbsd-x64": "npm:4.59.0"
+    "@rollup/rollup-openharmony-arm64": "npm:4.59.0"
+    "@rollup/rollup-win32-arm64-msvc": "npm:4.59.0"
+    "@rollup/rollup-win32-ia32-msvc": "npm:4.59.0"
+    "@rollup/rollup-win32-x64-gnu": "npm:4.59.0"
+    "@rollup/rollup-win32-x64-msvc": "npm:4.59.0"
     "@types/estree": "npm:1.0.8"
     fsevents: "npm:~2.3.2"
   dependenciesMeta:
@@ -7577,8 +7601,12 @@ __metadata:
       optional: true
     "@rollup/rollup-linux-loong64-gnu":
       optional: true
+    "@rollup/rollup-linux-loong64-musl":
+      optional: true
     "@rollup/rollup-linux-ppc64-gnu":
       optional: true
+    "@rollup/rollup-linux-ppc64-musl":
+      optional: true
     "@rollup/rollup-linux-riscv64-gnu":
       optional: true
     "@rollup/rollup-linux-riscv64-musl":
@@ -7589,6 +7617,8 @@ __metadata:
       optional: true
     "@rollup/rollup-linux-x64-musl":
       optional: true
+    "@rollup/rollup-openbsd-x64":
+      optional: true
     "@rollup/rollup-openharmony-arm64":
       optional: true
     "@rollup/rollup-win32-arm64-msvc":
@@ -7603,7 +7633,7 @@ __metadata:
       optional: true
   bin:
     rollup: dist/bin/rollup
-  checksum: 10c0/427216da71c1ce7fefb0bef75f94c301afd858ac27e35898e098c2da5977325fa54c2edda867caf9675c8abfa8d8d94efa99c482fa04f5cd91f3a740112d4f4f
+  checksum: 10c0/f38742da34cfee5e899302615fa157aa77cb6a2a1495e5e3ce4cc9c540d3262e235bbe60caa31562bbfe492b01fdb3e7a8c43c39d842d3293bcf843123b766fc
   languageName: node
   linkType: hard
 

From 48644e876444697ba0ba5387836dd5b213e0ebc9 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Tue, 17 Mar 2026 21:49:17 +0100
Subject: [PATCH 42/79] Bump immutable from 5.0.3 to 5.1.5 in /frontend (#2098)

Bumps [immutable](https://github.com/immutable-js/immutable-js) from 5.0.3 to 5.1.5.
- [Release notes](https://github.com/immutable-js/immutable-js/releases)
- [Changelog](https://github.com/immutable-js/immutable-js/blob/main/CHANGELOG.md)
- [Commits](https://github.com/immutable-js/immutable-js/compare/v5.0.3...v5.1.5)

---
updated-dependencies:
- dependency-name: immutable
  dependency-version: 5.1.5
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
---
 frontend/yarn.lock | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/yarn.lock b/frontend/yarn.lock
index 132a35509..8864dfb1c 100644
--- a/frontend/yarn.lock
+++ b/frontend/yarn.lock
@@ -5132,9 +5132,9 @@ __metadata:
   linkType: hard
 
 "immutable@npm:^5.0.2":
-  version: 5.0.3
-  resolution: "immutable@npm:5.0.3"
-  checksum: 10c0/3269827789e1026cd25c2ea97f0b2c19be852ffd49eda1b674b20178f73d84fa8d945ad6f5ac5bc4545c2b4170af9f6e1f77129bc1cae7974a4bf9b04a9cdfb9
+  version: 5.1.5
+  resolution: "immutable@npm:5.1.5"
+  checksum: 10c0/8017ece1578e3c5939ba3305176aee059def1b8a90c7fa2a347ef583ebbd38cbe77ce1bbd786a5fab57e2da00bbcb0493b92e4332cdc4e1fe5cfb09a4688df31
   languageName: node
   linkType: hard
 

From 9069d6657d7b0690a32a39858daf78cce9a6d0dc Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Tue, 17 Mar 2026 21:49:59 +0100
Subject: [PATCH 43/79] Bump tar from 7.5.7 to 7.5.11 in /frontend (#2109)

Bumps [tar](https://github.com/isaacs/node-tar) from 7.5.7 to 7.5.11.
- [Release notes](https://github.com/isaacs/node-tar/releases)
- [Changelog](https://github.com/isaacs/node-tar/blob/main/CHANGELOG.md)
- [Commits](https://github.com/isaacs/node-tar/compare/v7.5.7...v7.5.11)

---
updated-dependencies:
- dependency-name: tar
  dependency-version: 7.5.11
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
---
 frontend/yarn.lock | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/yarn.lock b/frontend/yarn.lock
index 8864dfb1c..e14b13ca1 100644
--- a/frontend/yarn.lock
+++ b/frontend/yarn.lock
@@ -8353,15 +8353,15 @@ __metadata:
   linkType: hard
 
 "tar@npm:^7.4.3":
-  version: 7.5.7
-  resolution: "tar@npm:7.5.7"
+  version: 7.5.11
+  resolution: "tar@npm:7.5.11"
   dependencies:
     "@isaacs/fs-minipass": "npm:^4.0.0"
     chownr: "npm:^3.0.0"
     minipass: "npm:^7.1.2"
     minizlib: "npm:^3.1.0"
     yallist: "npm:^5.0.0"
-  checksum: 10c0/51f261afc437e1112c3e7919478d6176ea83f7f7727864d8c2cce10f0b03a631d1911644a567348c3063c45abdae39718ba97abb073d22aa3538b9a53ae1e31c
+  checksum: 10c0/b6bb420550ef50ef23356018155e956cd83282c97b6128d8d5cfe5740c57582d806a244b2ef0bf686a74ce526babe8b8b9061527623e935e850008d86d838929
   languageName: node
   linkType: hard
 

From ad8b7de1637d25840617f1b3fdcc894e4ff062c5 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Tue, 17 Mar 2026 22:09:03 +0100
Subject: [PATCH 44/79] Bump django from 5.2.11 to 5.2.12 in /backend (#2097)

Bumps [django](https://github.com/django/django) from 5.2.11 to 5.2.12.
- [Commits](https://github.com/django/django/compare/5.2.11...5.2.12)

---
updated-dependencies:
- dependency-name: django
  dependency-version: 5.2.12
  dependency-type: direct:production
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
---
 backend/poetry.lock | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/backend/poetry.lock b/backend/poetry.lock
index fcc2d84cb..ce4244692 100644
--- a/backend/poetry.lock
+++ b/backend/poetry.lock
@@ -245,14 +245,14 @@ files = [
 
 [[package]]
 name = "django"
-version = "5.2.11"
+version = "5.2.12"
 description = "A high-level Python web framework that encourages rapid development and clean, pragmatic design."
 optional = false
 python-versions = ">=3.10"
 groups = ["main", "dev"]
 files = [
-    {file = "django-5.2.11-py3-none-any.whl", hash = "sha256:e7130df33ada9ab5e5e929bc19346a20fe383f5454acb2cc004508f242ee92c0"},
-    {file = "django-5.2.11.tar.gz", hash = "sha256:7f2d292ad8b9ee35e405d965fbbad293758b858c34bbf7f3df551aeeac6f02d3"},
+    {file = "django-5.2.12-py3-none-any.whl", hash = "sha256:4853482f395c3a151937f6991272540fcbf531464f254a347bf7c89f53c8cff7"},
+    {file = "django-5.2.12.tar.gz", hash = "sha256:6b809af7165c73eff5ce1c87fdae75d4da6520d6667f86401ecf55b681eb1eeb"},
 ]
 
 [package.dependencies]

From 7f40bfb1d47dc13952afdfa2b308e3fa85dd3871 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Tue, 17 Mar 2026 22:09:22 +0100
Subject: [PATCH 45/79] Bump django-environ from 0.12.0 to 0.13.0 in /backend
 (#2090)

Bumps [django-environ](https://github.com/joke2k/django-environ) from 0.12.0 to 0.13.0.
- [Release notes](https://github.com/joke2k/django-environ/releases)
- [Changelog](https://github.com/joke2k/django-environ/blob/develop/CHANGELOG.rst)
- [Commits](https://github.com/joke2k/django-environ/compare/v0.12.0...v0.13.0)

---
updated-dependencies:
- dependency-name: django-environ
  dependency-version: 0.13.0
  dependency-type: direct:production
  update-type: version-update:semver-minor
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
---
 backend/poetry.lock | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/backend/poetry.lock b/backend/poetry.lock
index ce4244692..fbe678568 100644
--- a/backend/poetry.lock
+++ b/backend/poetry.lock
@@ -297,19 +297,19 @@ django = ">=4.2"
 
 [[package]]
 name = "django-environ"
-version = "0.12.0"
+version = "0.13.0"
 description = "A package that allows you to utilize 12factor inspired environment variables to configure your Django application."
 optional = false
 python-versions = "<4,>=3.9"
 groups = ["main"]
 files = [
-    {file = "django_environ-0.12.0-py2.py3-none-any.whl", hash = "sha256:92fb346a158abda07ffe6eb23135ce92843af06ecf8753f43adf9d2366dcc0ca"},
-    {file = "django_environ-0.12.0.tar.gz", hash = "sha256:227dc891453dd5bde769c3449cf4a74b6f2ee8f7ab2361c93a07068f4179041a"},
+    {file = "django_environ-0.13.0-py3-none-any.whl", hash = "sha256:37799d14cd78222c6fd8298e48bfe17965ff8e586091ad66a463e52e0e7b799e"},
+    {file = "django_environ-0.13.0.tar.gz", hash = "sha256:6c401e4c219442c2c4588c2116d5292b5484a6f69163ed09cd41f3943bfb645f"},
 ]
 
 [package.extras]
-develop = ["coverage[toml] (>=5.0a4)", "furo (>=2024.8.6)", "pytest (>=4.6.11)", "setuptools (>=71.0.0)", "sphinx (>=5.0)", "sphinx-notfound-page"]
-docs = ["furo (>=2024.8.6)", "sphinx (>=5.0)", "sphinx-notfound-page"]
+develop = ["coverage[toml] (>=5.0a4)", "furo (>=2024.8.6)", "pytest (>=4.6.11)", "setuptools (>=71.0.0)", "sphinx (>=5.0)", "sphinx-copybutton", "sphinx-notfound-page"]
+docs = ["furo (>=2024.8.6)", "sphinx (>=5.0)", "sphinx-copybutton", "sphinx-notfound-page"]
 testing = ["coverage[toml] (>=5.0a4)", "pytest (>=4.6.11)", "setuptools (>=71.0.0)"]
 
 [[package]]

From 06c6a1146b241e10df9ad7d2b26ef063777f515c Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Tue, 17 Mar 2026 22:09:37 +0100
Subject: [PATCH 46/79] Bump storybook from 8.6.15 to 8.6.17 in /frontend
 (#2083)

Bumps [storybook](https://github.com/storybookjs/storybook/tree/HEAD/code/core) from 8.6.15 to 8.6.17.
- [Release notes](https://github.com/storybookjs/storybook/releases)
- [Changelog](https://github.com/storybookjs/storybook/blob/v8.6.17/CHANGELOG.md)
- [Commits](https://github.com/storybookjs/storybook/commits/v8.6.17/code/core)

---
updated-dependencies:
- dependency-name: storybook
  dependency-version: 8.6.17
  dependency-type: direct:development
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
---
 frontend/package.json |  2 +-
 frontend/yarn.lock    | 30 +++++++++++++++---------------
 2 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/frontend/package.json b/frontend/package.json
index 326827e1e..00e9330ed 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -98,7 +98,7 @@
     "prop-types": "^15.8.1",
     "react-i18next": "^13.3.0",
     "sass": "^1.94.2",
-    "storybook": "^8.6.15",
+    "storybook": "^8.6.17",
     "stylelint": "^15.10.3",
     "stylelint-config-sass-guidelines": "^10.0.0",
     "stylelint-config-standard": "^34.0.0",
diff --git a/frontend/yarn.lock b/frontend/yarn.lock
index e14b13ca1..cbf933da9 100644
--- a/frontend/yarn.lock
+++ b/frontend/yarn.lock
@@ -1881,11 +1881,11 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/core@npm:8.6.15":
-  version: 8.6.15
-  resolution: "@storybook/core@npm:8.6.15"
+"@storybook/core@npm:8.6.18":
+  version: 8.6.18
+  resolution: "@storybook/core@npm:8.6.18"
   dependencies:
-    "@storybook/theming": "npm:8.6.15"
+    "@storybook/theming": "npm:8.6.18"
     better-opn: "npm:^3.0.2"
     browser-assert: "npm:^1.2.1"
     esbuild: "npm:^0.18.0 || ^0.19.0 || ^0.20.0 || ^0.21.0 || ^0.22.0 || ^0.23.0 || ^0.24.0 || ^0.25.0"
@@ -1901,7 +1901,7 @@ __metadata:
   peerDependenciesMeta:
     prettier:
       optional: true
-  checksum: 10c0/34f1f3927d605119c80d2a3dbd8efa69d7bcf419877c09da2fc1e091fcf6bdb09d9a114c0c51651d7058425375689865435f7e6ec2be911d4dd437629d7e31e1
+  checksum: 10c0/830b8806a35f8b6a448efe5d0df47a148d6111295b0e7027bf307232f25542015fc15e9b9c3489921f614fc6695323d74194c90da97837b0df0a72eb73ec6220
   languageName: node
   linkType: hard
 
@@ -2051,12 +2051,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/theming@npm:8.6.15":
-  version: 8.6.15
-  resolution: "@storybook/theming@npm:8.6.15"
+"@storybook/theming@npm:8.6.18":
+  version: 8.6.18
+  resolution: "@storybook/theming@npm:8.6.18"
   peerDependencies:
     storybook: ^8.2.0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0
-  checksum: 10c0/b5ef8fb7e987f7b416c986e110e4d7191bb27df3e10c4e62130f6299f0cf5cf7f1b345493b221383ca103d85e09d03a879918a5de5df1ff8916713995f1ad501
+  checksum: 10c0/30667a5ed7b70ac4a19f0d4baff53f065bd6f921934d21165dbff52add118b2fe1872c7f25ff8c8a1c768a0344f5db461a5bdf2838533069b3d760b3727b52d0
   languageName: node
   linkType: hard
 
@@ -4664,7 +4664,7 @@ __metadata:
     react-router-dom: "npm:^7.2.0"
     react-toastify: "npm:^9.1.3"
     sass: "npm:^1.94.2"
-    storybook: "npm:^8.6.15"
+    storybook: "npm:^8.6.17"
     stylelint: "npm:^15.10.3"
     stylelint-config-sass-guidelines: "npm:^10.0.0"
     stylelint-config-standard: "npm:^34.0.0"
@@ -8020,11 +8020,11 @@ __metadata:
   languageName: node
   linkType: hard
 
-"storybook@npm:^8.6.15":
-  version: 8.6.15
-  resolution: "storybook@npm:8.6.15"
+"storybook@npm:^8.6.17":
+  version: 8.6.18
+  resolution: "storybook@npm:8.6.18"
   dependencies:
-    "@storybook/core": "npm:8.6.15"
+    "@storybook/core": "npm:8.6.18"
   peerDependencies:
     prettier: ^2 || ^3
   peerDependenciesMeta:
@@ -8034,7 +8034,7 @@ __metadata:
     getstorybook: ./bin/index.cjs
     sb: ./bin/index.cjs
     storybook: ./bin/index.cjs
-  checksum: 10c0/8d54dd81811fa3299c85667c55f7627e6f1010e86ab56babcd853987dedab4e711a2b0ee4ff545b091030a92e12becd84e4e2e7b99cd8a1c1d30697757af2545
+  checksum: 10c0/0ea0c0d0226dc2e454838f33cada24be0b1060a539975b559846663d02c1eeb7a1b7a5f703208493261895142c68bf0b2ce4d6ba78d03869f434ceab16eb420d
   languageName: node
   linkType: hard
 

From cffdf5e6ef77bed629463c6e0478ec69dcfaeb70 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Tue, 17 Mar 2026 22:10:04 +0100
Subject: [PATCH 47/79] Bump minimatch from 3.1.2 to 3.1.5 in /frontend (#2085)

Bumps [minimatch](https://github.com/isaacs/minimatch) from 3.1.2 to 3.1.5.
- [Changelog](https://github.com/isaacs/minimatch/blob/main/changelog.md)
- [Commits](https://github.com/isaacs/minimatch/compare/v3.1.2...v3.1.5)

---
updated-dependencies:
- dependency-name: minimatch
  dependency-version: 3.1.5
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
---
 frontend/yarn.lock | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/yarn.lock b/frontend/yarn.lock
index cbf933da9..d83076358 100644
--- a/frontend/yarn.lock
+++ b/frontend/yarn.lock
@@ -6325,11 +6325,11 @@ __metadata:
   linkType: hard
 
 "minimatch@npm:^3.1.1":
-  version: 3.1.2
-  resolution: "minimatch@npm:3.1.2"
+  version: 3.1.5
+  resolution: "minimatch@npm:3.1.5"
   dependencies:
     brace-expansion: "npm:^1.1.7"
-  checksum: 10c0/0262810a8fc2e72cca45d6fd86bd349eee435eb95ac6aa45c9ea2180e7ee875ef44c32b55b5973ceabe95ea12682f6e3725cbb63d7a2d1da3ae1163c8b210311
+  checksum: 10c0/2ecbdc0d33f07bddb0315a8b5afbcb761307a8778b48f0b312418ccbced99f104a2d17d8aca7573433c70e8ccd1c56823a441897a45e384ea76ef401a26ace70
   languageName: node
   linkType: hard
 

From 54ba6458238bf5581b23eefba56850c38e2c9793 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Tue, 24 Mar 2026 19:21:22 +0100
Subject: [PATCH 48/79] Bump flatted from 3.3.3 to 3.4.2 in /frontend (#2118)

Bumps [flatted](https://github.com/WebReflection/flatted) from 3.3.3 to 3.4.2.
- [Commits](https://github.com/WebReflection/flatted/compare/v3.3.3...v3.4.2)

---
updated-dependencies:
- dependency-name: flatted
  dependency-version: 3.4.2
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
---
 frontend/yarn.lock | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/yarn.lock b/frontend/yarn.lock
index d83076358..e6acb1928 100644
--- a/frontend/yarn.lock
+++ b/frontend/yarn.lock
@@ -4533,9 +4533,9 @@ __metadata:
   linkType: hard
 
 "flatted@npm:^3.2.9":
-  version: 3.3.3
-  resolution: "flatted@npm:3.3.3"
-  checksum: 10c0/e957a1c6b0254aa15b8cce8533e24165abd98fadc98575db082b786b5da1b7d72062b81bfdcd1da2f4d46b6ed93bec2434e62333e9b4261d79ef2e75a10dd538
+  version: 3.4.2
+  resolution: "flatted@npm:3.4.2"
+  checksum: 10c0/a65b67aae7172d6cdf63691be7de6c5cd5adbdfdfe2e9da1a09b617c9512ed794037741ee53d93114276bff3f93cd3b0d97d54f9b316e1e4885dde6e9ffdf7ed
   languageName: node
   linkType: hard
 

From b95f4aaf27e67ae72286bf8aeea11a784fab9537 Mon Sep 17 00:00:00 2001
From: Lidavic <148764396+Lidavic@users.noreply.github.com>
Date: Tue, 24 Mar 2026 19:56:26 +0000
Subject: [PATCH 49/79] docs fix:) (#2106)

---
 docs/common-errors.md | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/docs/common-errors.md b/docs/common-errors.md
index c956deb16..777829670 100644
--- a/docs/common-errors.md
+++ b/docs/common-errors.md
@@ -31,7 +31,16 @@ seed
 exec /app/entrypoint.sh: no such file or directory
 ```
 ### Fix
- Make sure `/backend/entrypoint.sh` has `End of Line sequence set` to `LF` (Happens when running on windows).
+ Make sure `/backend/entrypoint.sh` has `End of Line sequence` set to `LF` (Happens when running on windows). \
+Sometimes VScode will lie, so you can double check by running the command below, and checking if any of the lines end in "^M". If they do, the file still has `CRLF` as the line ending. 
+``` bash
+cat -v <filename>
+```
+To fix this, you can force change the line ending to ´LF´:
+``` bash
+dos2unix <filename>
+```
+```
 
 ## Docker daemon not running
 ### Error message:

From 790203e007782667b5df2b482dbc3344d29545d7 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Tue, 24 Mar 2026 22:21:53 +0100
Subject: [PATCH 50/79] Bump ruff from 0.11.6 to 0.15.4 in /backend (#2091)

* Bump ruff from 0.11.6 to 0.15.4 in /backend

Bumps [ruff](https://github.com/astral-sh/ruff) from 0.11.6 to 0.15.4.
- [Release notes](https://github.com/astral-sh/ruff/releases)
- [Changelog](https://github.com/astral-sh/ruff/blob/main/CHANGELOG.md)
- [Commits](https://github.com/astral-sh/ruff/compare/0.11.6...0.15.4)

---
updated-dependencies:
- dependency-name: ruff
  dependency-version: 0.15.4
  dependency-type: direct:development
  update-type: version-update:semver-minor
...

Signed-off-by: dependabot[bot] <support@github.com>

* Ruff fixes

---------

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: robines <espi.robin@gmail.com>
---
 backend/manage.py                             |  2 +-
 backend/poetry.lock                           | 38 +++++++++----------
 .../management/commands/seed_scripts/gangs.py |  2 +-
 backend/root/utils/debugpy.py                 |  2 +-
 backend/samfundet/apps.py                     |  5 +--
 5 files changed, 24 insertions(+), 25 deletions(-)

diff --git a/backend/manage.py b/backend/manage.py
index 3c7872ace..cbdd160a6 100644
--- a/backend/manage.py
+++ b/backend/manage.py
@@ -10,7 +10,7 @@
 def main() -> None:
     os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'root.settings')
     try:
-        from django.core.management import execute_from_command_line
+        from django.core.management import execute_from_command_line  # noqa: PLC0415
 
     except ImportError as exc:
         raise ImportError(
diff --git a/backend/poetry.lock b/backend/poetry.lock
index fbe678568..cd110ee74 100644
--- a/backend/poetry.lock
+++ b/backend/poetry.lock
@@ -1230,30 +1230,30 @@ files = [
 
 [[package]]
 name = "ruff"
-version = "0.11.6"
+version = "0.15.6"
 description = "An extremely fast Python linter and code formatter, written in Rust."
 optional = false
 python-versions = ">=3.7"
 groups = ["dev"]
 files = [
-    {file = "ruff-0.11.6-py3-none-linux_armv6l.whl", hash = "sha256:d84dcbe74cf9356d1bdb4a78cf74fd47c740bf7bdeb7529068f69b08272239a1"},
-    {file = "ruff-0.11.6-py3-none-macosx_10_12_x86_64.whl", hash = "sha256:9bc583628e1096148011a5d51ff3c836f51899e61112e03e5f2b1573a9b726de"},
-    {file = "ruff-0.11.6-py3-none-macosx_11_0_arm64.whl", hash = "sha256:f2959049faeb5ba5e3b378709e9d1bf0cab06528b306b9dd6ebd2a312127964a"},
-    {file = "ruff-0.11.6-py3-none-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:63c5d4e30d9d0de7fedbfb3e9e20d134b73a30c1e74b596f40f0629d5c28a193"},
-    {file = "ruff-0.11.6-py3-none-manylinux_2_17_armv7l.manylinux2014_armv7l.whl", hash = "sha256:26a4b9a4e1439f7d0a091c6763a100cef8fbdc10d68593df6f3cfa5abdd9246e"},
-    {file = "ruff-0.11.6-py3-none-manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:b5edf270223dd622218256569636dc3e708c2cb989242262fe378609eccf1308"},
-    {file = "ruff-0.11.6-py3-none-manylinux_2_17_ppc64.manylinux2014_ppc64.whl", hash = "sha256:f55844e818206a9dd31ff27f91385afb538067e2dc0beb05f82c293ab84f7d55"},
-    {file = "ruff-0.11.6-py3-none-manylinux_2_17_ppc64le.manylinux2014_ppc64le.whl", hash = "sha256:1d8f782286c5ff562e4e00344f954b9320026d8e3fae2ba9e6948443fafd9ffc"},
-    {file = "ruff-0.11.6-py3-none-manylinux_2_17_s390x.manylinux2014_s390x.whl", hash = "sha256:01c63ba219514271cee955cd0adc26a4083df1956d57847978383b0e50ffd7d2"},
-    {file = "ruff-0.11.6-py3-none-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:15adac20ef2ca296dd3d8e2bedc6202ea6de81c091a74661c3666e5c4c223ff6"},
-    {file = "ruff-0.11.6-py3-none-musllinux_1_2_aarch64.whl", hash = "sha256:4dd6b09e98144ad7aec026f5588e493c65057d1b387dd937d7787baa531d9bc2"},
-    {file = "ruff-0.11.6-py3-none-musllinux_1_2_armv7l.whl", hash = "sha256:45b2e1d6c0eed89c248d024ea95074d0e09988d8e7b1dad8d3ab9a67017a5b03"},
-    {file = "ruff-0.11.6-py3-none-musllinux_1_2_i686.whl", hash = "sha256:bd40de4115b2ec4850302f1a1d8067f42e70b4990b68838ccb9ccd9f110c5e8b"},
-    {file = "ruff-0.11.6-py3-none-musllinux_1_2_x86_64.whl", hash = "sha256:77cda2dfbac1ab73aef5e514c4cbfc4ec1fbef4b84a44c736cc26f61b3814cd9"},
-    {file = "ruff-0.11.6-py3-none-win32.whl", hash = "sha256:5151a871554be3036cd6e51d0ec6eef56334d74dfe1702de717a995ee3d5b287"},
-    {file = "ruff-0.11.6-py3-none-win_amd64.whl", hash = "sha256:cce85721d09c51f3b782c331b0abd07e9d7d5f775840379c640606d3159cae0e"},
-    {file = "ruff-0.11.6-py3-none-win_arm64.whl", hash = "sha256:3567ba0d07fb170b1b48d944715e3294b77f5b7679e8ba258199a250383ccb79"},
-    {file = "ruff-0.11.6.tar.gz", hash = "sha256:bec8bcc3ac228a45ccc811e45f7eb61b950dbf4cf31a67fa89352574b01c7d79"},
+    {file = "ruff-0.15.6-py3-none-linux_armv6l.whl", hash = "sha256:7c98c3b16407b2cf3d0f2b80c80187384bc92c6774d85fefa913ecd941256fff"},
+    {file = "ruff-0.15.6-py3-none-macosx_10_12_x86_64.whl", hash = "sha256:ee7dcfaad8b282a284df4aa6ddc2741b3f4a18b0555d626805555a820ea181c3"},
+    {file = "ruff-0.15.6-py3-none-macosx_11_0_arm64.whl", hash = "sha256:3bd9967851a25f038fc8b9ae88a7fbd1b609f30349231dffaa37b6804923c4bb"},
+    {file = "ruff-0.15.6-py3-none-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:13f4594b04e42cd24a41da653886b04d2ff87adbf57497ed4f728b0e8a4866f8"},
+    {file = "ruff-0.15.6-py3-none-manylinux_2_17_armv7l.manylinux2014_armv7l.whl", hash = "sha256:e2ed8aea2f3fe57886d3f00ea5b8aae5bf68d5e195f487f037a955ff9fbaac9e"},
+    {file = "ruff-0.15.6-py3-none-manylinux_2_17_i686.manylinux2014_i686.whl", hash = "sha256:70789d3e7830b848b548aae96766431c0dc01a6c78c13381f423bf7076c66d15"},
+    {file = "ruff-0.15.6-py3-none-manylinux_2_17_ppc64le.manylinux2014_ppc64le.whl", hash = "sha256:542aaf1de3154cea088ced5a819ce872611256ffe2498e750bbae5247a8114e9"},
+    {file = "ruff-0.15.6-py3-none-manylinux_2_17_s390x.manylinux2014_s390x.whl", hash = "sha256:1c22e6f02c16cfac3888aa636e9eba857254d15bbacc9906c9689fdecb1953ab"},
+    {file = "ruff-0.15.6-py3-none-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:98893c4c0aadc8e448cfa315bd0cc343a5323d740fe5f28ef8a3f9e21b381f7e"},
+    {file = "ruff-0.15.6-py3-none-manylinux_2_31_riscv64.whl", hash = "sha256:70d263770d234912374493e8cc1e7385c5d49376e41dfa51c5c3453169dc581c"},
+    {file = "ruff-0.15.6-py3-none-musllinux_1_2_aarch64.whl", hash = "sha256:55a1ad63c5a6e54b1f21b7514dfadc0c7fb40093fa22e95143cf3f64ebdcd512"},
+    {file = "ruff-0.15.6-py3-none-musllinux_1_2_armv7l.whl", hash = "sha256:8dc473ba093c5ec238bb1e7429ee676dca24643c471e11fbaa8a857925b061c0"},
+    {file = "ruff-0.15.6-py3-none-musllinux_1_2_i686.whl", hash = "sha256:85b042377c2a5561131767974617006f99f7e13c63c111b998f29fc1e58a4cfb"},
+    {file = "ruff-0.15.6-py3-none-musllinux_1_2_x86_64.whl", hash = "sha256:cef49e30bc5a86a6a92098a7fbf6e467a234d90b63305d6f3ec01225a9d092e0"},
+    {file = "ruff-0.15.6-py3-none-win32.whl", hash = "sha256:bbf67d39832404812a2d23020dda68fee7f18ce15654e96fb1d3ad21a5fe436c"},
+    {file = "ruff-0.15.6-py3-none-win_amd64.whl", hash = "sha256:aee25bc84c2f1007ecb5037dff75cef00414fdf17c23f07dc13e577883dca406"},
+    {file = "ruff-0.15.6-py3-none-win_arm64.whl", hash = "sha256:c34de3dd0b0ba203be50ae70f5910b17188556630e2178fd7d79fc030eb0d837"},
+    {file = "ruff-0.15.6.tar.gz", hash = "sha256:8394c7bb153a4e3811a4ecdacd4a8e6a4fa8097028119160dffecdcdf9b56ae4"},
 ]
 
 [[package]]
diff --git a/backend/root/management/commands/seed_scripts/gangs.py b/backend/root/management/commands/seed_scripts/gangs.py
index de802e2b7..65069cd93 100755
--- a/backend/root/management/commands/seed_scripts/gangs.py
+++ b/backend/root/management/commands/seed_scripts/gangs.py
@@ -68,7 +68,7 @@
 
 
 def seed():  # noqa: C901
-    total_gangs = sum(len(gangs) for org_name, org_data in GANGS.items() for gang_type, gangs in org_data.items())
+    total_gangs = sum(len(gangs) for org_data in GANGS.values() for gangs in org_data.values())
     created_count = 0
 
     yield 0, 'Creating gangs'
diff --git a/backend/root/utils/debugpy.py b/backend/root/utils/debugpy.py
index 3c5cb0a14..19a86c1a0 100644
--- a/backend/root/utils/debugpy.py
+++ b/backend/root/utils/debugpy.py
@@ -17,7 +17,7 @@ def initialize_debugpy() -> None:
     This may be called in wsgi.py if hosting with gunicorn or in manage.py::__main__.
     """
     if os.environ.get('ENABLE_DEBUGPY') == 'yes':
-        import debugpy
+        import debugpy  # noqa: PLC0415
 
         # This is okay as long as ENABLE_DEBUGPY only is enabled during development and NOT in production.
         HOST = '0.0.0.0'  # noqa: N806, S104
diff --git a/backend/samfundet/apps.py b/backend/samfundet/apps.py
index 4c5b0f027..b9d926637 100644
--- a/backend/samfundet/apps.py
+++ b/backend/samfundet/apps.py
@@ -4,6 +4,7 @@
 import logging
 
 from django.apps import AppConfig
+from django.core import management
 
 from root.constants import Environment
 
@@ -15,9 +16,7 @@ class SamfundetConfig(AppConfig):
     name = 'samfundet'
 
     def ready(self) -> None:
-        from django.core import management
-
-        from . import signals  # noqa: F401 # Important, this enables signals.
+        from . import signals  # noqa: F401, PLC0415 # Important, this enables signals.
 
         if os.environ['ENV'] == Environment.DEV:
             try:

From 6de996e7d2f81d7d3366bb889cc30e03a3eda3af Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Tue, 24 Mar 2026 22:41:23 +0100
Subject: [PATCH 51/79] Bump stylelint-config-standard from 34.0.0 to 40.0.0 in
 /frontend (#2046)

Bumps [stylelint-config-standard](https://github.com/stylelint/stylelint-config-standard) from 34.0.0 to 40.0.0.
- [Release notes](https://github.com/stylelint/stylelint-config-standard/releases)
- [Changelog](https://github.com/stylelint/stylelint-config-standard/blob/main/CHANGELOG.md)
- [Commits](https://github.com/stylelint/stylelint-config-standard/compare/34.0.0...40.0.0)

---
updated-dependencies:
- dependency-name: stylelint-config-standard
  dependency-version: 40.0.0
  dependency-type: direct:development
  update-type: version-update:semver-major
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
---
 frontend/package.json |  2 +-
 frontend/yarn.lock    | 22 +++++++++++++++++++++-
 2 files changed, 22 insertions(+), 2 deletions(-)

diff --git a/frontend/package.json b/frontend/package.json
index 00e9330ed..5baab813d 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -101,7 +101,7 @@
     "storybook": "^8.6.17",
     "stylelint": "^15.10.3",
     "stylelint-config-sass-guidelines": "^10.0.0",
-    "stylelint-config-standard": "^34.0.0",
+    "stylelint-config-standard": "^40.0.0",
     "stylelint-config-standard-scss": "^11.0.0",
     "stylelint-scss": "^5.2.1",
     "typescript": "^5.9.3",
diff --git a/frontend/yarn.lock b/frontend/yarn.lock
index e6acb1928..7de31e5f7 100644
--- a/frontend/yarn.lock
+++ b/frontend/yarn.lock
@@ -4667,7 +4667,7 @@ __metadata:
     storybook: "npm:^8.6.17"
     stylelint: "npm:^15.10.3"
     stylelint-config-sass-guidelines: "npm:^10.0.0"
-    stylelint-config-standard: "npm:^34.0.0"
+    stylelint-config-standard: "npm:^40.0.0"
     stylelint-config-standard-scss: "npm:^11.0.0"
     stylelint-scss: "npm:^5.2.1"
     typescript: "npm:^5.9.3"
@@ -8171,6 +8171,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"stylelint-config-recommended@npm:^18.0.0":
+  version: 18.0.0
+  resolution: "stylelint-config-recommended@npm:18.0.0"
+  peerDependencies:
+    stylelint: ^17.0.0
+  checksum: 10c0/c7f8ff45c76ec23f4c8c0438894726976fd5e872c59d489f959b728d9879bba20dbf0040cd29ad3bbc00eb32befd95f5b6ca150002bb8aea74b0797bc42ccc17
+  languageName: node
+  linkType: hard
+
 "stylelint-config-sass-guidelines@npm:^10.0.0":
   version: 10.0.0
   resolution: "stylelint-config-sass-guidelines@npm:10.0.0"
@@ -8211,6 +8220,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"stylelint-config-standard@npm:^40.0.0":
+  version: 40.0.0
+  resolution: "stylelint-config-standard@npm:40.0.0"
+  dependencies:
+    stylelint-config-recommended: "npm:^18.0.0"
+  peerDependencies:
+    stylelint: ^17.0.0
+  checksum: 10c0/d8942552d53a3afda59b64d0c49503bb626fe5cef39a9e8c9583fcd60869f21431125ef4480ff27a59f7f2cf0da8af810d377129ef1d670ddc5def4defe2880c
+  languageName: node
+  linkType: hard
+
 "stylelint-scss@npm:^4.4.0":
   version: 4.7.0
   resolution: "stylelint-scss@npm:4.7.0"

From ab4f0d9ed476d6fd9d219adb33a02e9c7b90e24b Mon Sep 17 00:00:00 2001
From: Erik Hoff <142814286+aTrueYety@users.noreply.github.com>
Date: Tue, 24 Mar 2026 23:53:17 +0100
Subject: [PATCH 52/79] Use Translations in Schema Messages (#2105)

* add translation support to react form message

* add translations to event error messages

* add react form utility to allow translatrions in dropdwons

---------

Co-authored-by: Erik <eahoff@gmail.com>
---
 frontend/src/Components/Forms/Form.tsx |  5 ++++-
 frontend/src/i18n/constants.ts         | 15 +++++++++++++
 frontend/src/i18n/translations.ts      | 30 ++++++++++++++++++++++++++
 frontend/src/schema/event.ts           | 26 +++++++++++-----------
 frontend/src/schema/utils.ts           |  5 +++++
 5 files changed, 68 insertions(+), 13 deletions(-)
 create mode 100644 frontend/src/schema/utils.ts

diff --git a/frontend/src/Components/Forms/Form.tsx b/frontend/src/Components/Forms/Form.tsx
index 012e3ed83..45a4159f1 100644
--- a/frontend/src/Components/Forms/Form.tsx
+++ b/frontend/src/Components/Forms/Form.tsx
@@ -8,6 +8,7 @@ import {
   FormProvider,
   useFormContext,
 } from 'react-hook-form';
+import { useTranslation } from 'react-i18next';
 
 import classNames from 'classnames';
 import styles from './Forms.module.scss';
@@ -126,7 +127,9 @@ FormControl.displayName = 'FormControl';
 export const FormMessage = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLParagraphElement>>(
   ({ className, children, ...props }, ref) => {
     const { error, formMessageId } = useFormField();
-    const body = error ? String(error?.message) : children;
+    const { t, i18n } = useTranslation();
+    const message = error ? String(error?.message) : children;
+    const body = typeof message === 'string' && i18n.exists(message) ? t(message) : message;
 
     if (!body) {
       return null;
diff --git a/frontend/src/i18n/constants.ts b/frontend/src/i18n/constants.ts
index 6dafd429d..c9258d818 100644
--- a/frontend/src/i18n/constants.ts
+++ b/frontend/src/i18n/constants.ts
@@ -670,6 +670,21 @@ export const KEY = {
   error_server_error_description: 'error_server_error_description',
   error_submitting_reservation: 'error_submitting_reservation',
   error_invalid_reservation_data: 'error_invalid_reservation_data',
+
+  // Event form validation
+  event_form_title_required: 'event_form_title_required',
+  event_form_description_long_required: 'event_form_description_long_required',
+  event_form_description_short_required: 'event_form_description_short_required',
+  event_form_start_dt_required: 'event_form_start_dt_required',
+  event_form_duration_min: 'event_form_duration_min',
+  event_form_host_required: 'event_form_host_required',
+  event_form_location_required: 'event_form_location_required',
+  event_form_capacity_min: 'event_form_capacity_min',
+  event_form_visibility_from_required: 'event_form_visibility_from_required',
+
+  event_form_category_required: 'event_form_category_required',
+  event_form_age_restriction_required: 'event_form_age_restriction_required',
+  event_form_ticket_type_required: 'event_form_ticket_type_required',
 } as const;
 
 // This will ensure that each value matches the key exactly.
diff --git a/frontend/src/i18n/translations.ts b/frontend/src/i18n/translations.ts
index 33d1ce93c..19e50e8db 100644
--- a/frontend/src/i18n/translations.ts
+++ b/frontend/src/i18n/translations.ts
@@ -688,6 +688,21 @@ export const nb = prepareTranslations({
   [KEY.error_server_error_description]: 'En serverfeil har opptstått',
   [KEY.error_submitting_reservation]: 'Det skjedde en feil ved innsending av reservasjon',
   [KEY.error_invalid_reservation_data]: 'Ugyldig reservasjonsdata',
+
+  // Event form validation
+  [KEY.event_form_title_required]: 'Tittel er påkrevd',
+  [KEY.event_form_description_long_required]: 'Lang beskrivelse er påkrevd',
+  [KEY.event_form_description_short_required]: 'Kort beskrivelse er påkrevd',
+  [KEY.event_form_start_dt_required]: 'Dato og tid er påkrevd',
+  [KEY.event_form_duration_min]: 'Varighet må være større enn 0',
+  [KEY.event_form_host_required]: 'Arrangør er påkrevd',
+  [KEY.event_form_location_required]: 'Lokale er påkrevd',
+  [KEY.event_form_capacity_min]: 'Kapasitet må være større enn 0',
+  [KEY.event_form_visibility_from_required]: 'Synlig fra dato er påkrevd',
+
+  [KEY.event_form_category_required]: 'Kategori er påkrevd',
+  [KEY.event_form_age_restriction_required]: 'Aldersgrense er påkrevd',
+  [KEY.event_form_ticket_type_required]: 'Billetttype er påkrevd',
 });
 
 export const en = prepareTranslations({
@@ -1369,4 +1384,19 @@ export const en = prepareTranslations({
   [KEY.error_server_error_description]: 'A server error has occurred',
   [KEY.error_submitting_reservation]: 'An error occurred while submitting the reservation',
   [KEY.error_invalid_reservation_data]: 'Invalid reservation data',
+
+  // Event form validation
+  [KEY.event_form_title_required]: 'Title is required',
+  [KEY.event_form_description_long_required]: 'Long description is required',
+  [KEY.event_form_description_short_required]: 'Short description is required',
+  [KEY.event_form_start_dt_required]: 'Date and time is required',
+  [KEY.event_form_duration_min]: 'Duration must be greater than 0',
+  [KEY.event_form_host_required]: 'Host is required',
+  [KEY.event_form_location_required]: 'Venue is required',
+  [KEY.event_form_capacity_min]: 'Capacity must be greater than 0',
+  [KEY.event_form_visibility_from_required]: 'Visible from date is required',
+
+  [KEY.event_form_category_required]: 'Category is required',
+  [KEY.event_form_age_restriction_required]: 'Age restriction is required',
+  [KEY.event_form_ticket_type_required]: 'Ticket type is required',
 });
diff --git a/frontend/src/schema/event.ts b/frontend/src/schema/event.ts
index f3da2a737..5f9fdec75 100644
--- a/frontend/src/schema/event.ts
+++ b/frontend/src/schema/event.ts
@@ -1,16 +1,18 @@
 import { z } from 'zod';
+import { KEY } from '~/i18n/constants';
 import { EventAgeRestriction, EventCategory, EventTicketType } from '~/types';
+import { zodEnum } from './utils';
 
-export const EVENT_TITLE = z.string().min(1, { message: 'Tittel er påkrevd' });
-export const EVENT_DESCRIPTION_LONG = z.string().min(1, { message: 'Lang beskrivelse er påkrevd' });
-export const EVENT_DESCRIPTION_SHORT = z.string().min(1, { message: 'Kort beskrivelse er påkrevd' });
-export const EVENT_START_DT = z.string().min(1, { message: 'Dato og tid er påkrevd' });
-export const EVENT_DURATION = z.number().min(1, { message: 'Varighet må være større enn 0' });
+export const EVENT_TITLE = z.string().min(1, { message: KEY.event_form_title_required });
+export const EVENT_DESCRIPTION_LONG = z.string().min(1, { message: KEY.event_form_description_long_required });
+export const EVENT_DESCRIPTION_SHORT = z.string().min(1, { message: KEY.event_form_description_short_required });
+export const EVENT_START_DT = z.string().min(1, { message: KEY.event_form_start_dt_required });
+export const EVENT_DURATION = z.number().min(1, { message: KEY.event_form_duration_min });
 export const EVENT_END_DT = z.string().optional();
-export const EVENT_HOST = z.string().min(1, { message: 'Arrangør er påkrevd' });
-export const EVENT_LOCATION = z.string().min(1, { message: 'Lokale er påkrevd' });
-export const EVENT_CAPACITY = z.number().min(1, { message: 'Kapasitet må være større enn 0' }).optional();
-export const EVENT_VISIBILITY_FROM_DT = z.string().min(1, { message: 'Synlig fra dato er påkrevd' });
+export const EVENT_HOST = z.string().min(1, { message: KEY.event_form_host_required });
+export const EVENT_LOCATION = z.string().min(1, { message: KEY.event_form_location_required });
+export const EVENT_CAPACITY = z.number().min(1, { message: KEY.event_form_capacity_min }).optional();
+export const EVENT_VISIBILITY_FROM_DT = z.string().min(1, { message: KEY.event_form_visibility_from_required });
 export const EVENT_VISIBILITY_TO_DT = z.string().optional();
 export const EVENT_PAID_OPTION = z.string().url().optional();
 export const EVENT_BILLIG_ID = z.number().optional();
@@ -21,6 +23,6 @@ export const EVENT_INSTAGRAM_LINK = z.string().url().optional();
 export const EVENT_FACEBOOK_LINK = z.string().url().optional();
 export const EVENT_X_LINK = z.string().url().optional();
 
-export const EVENT_CATEGORY = z.nativeEnum(EventCategory);
-export const EVENT_AGE_RESTRICTION = z.nativeEnum(EventAgeRestriction);
-export const EVENT_TICKET_TYPE = z.nativeEnum(EventTicketType);
+export const EVENT_CATEGORY = zodEnum(EventCategory, KEY.event_form_category_required);
+export const EVENT_AGE_RESTRICTION = zodEnum(EventAgeRestriction, KEY.event_form_age_restriction_required);
+export const EVENT_TICKET_TYPE = zodEnum(EventTicketType, KEY.event_form_ticket_type_required);
diff --git a/frontend/src/schema/utils.ts b/frontend/src/schema/utils.ts
new file mode 100644
index 000000000..bd45a7b0c
--- /dev/null
+++ b/frontend/src/schema/utils.ts
@@ -0,0 +1,5 @@
+import { z } from 'zod';
+
+export function zodEnum<T extends z.EnumLike>(enumObj: T, message: string) {
+  return z.nativeEnum(enumObj, { errorMap: () => ({ message }) });
+}

From bc2d8a82c99e42e2d5f65f9a9b4d68a4d89138da Mon Sep 17 00:00:00 2001
From: Erik Hoff <142814286+aTrueYety@users.noreply.github.com>
Date: Wed, 25 Mar 2026 00:01:50 +0100
Subject: [PATCH 53/79] Resolve "Add pagination to event admin page" (#2072)

* Add pagination to EventsAdminPage

* Fix translations of ticket type

* Add pagination to upcomming event endpoint and view

* Add ticket type as filter to event admin page

* update event querry keys to fit new pagination

* Connect frontend to new backend pagination

* fix typing error in EventsUpcomingView

* Fix typo in translations

* Rename incorrect translation key and add a correct one

* Remove carousel form event admin page

---------

Co-authored-by: Erik <eahoff@gmail.com>
---
 backend/samfundet/utils.py                    |   1 +
 backend/samfundet/view/event_views.py         |  49 ++++--
 .../src/Components/EventQuery/EventQuery.tsx  |  24 ++-
 .../TicketTypeRow/TicketTypeRow.tsx           |   2 +-
 .../HomePage/components/Splash/Splash.tsx     |   2 +-
 .../EventsAdminPage/EventsAdminPage.tsx       | 160 ++++++++++--------
 frontend/src/api.ts                           |  22 ++-
 frontend/src/i18n/constants.ts                |   1 +
 frontend/src/i18n/translations.ts             |   6 +-
 frontend/src/queryKeys.ts                     |   6 +
 frontend/src/types.ts                         |   6 +
 11 files changed, 183 insertions(+), 96 deletions(-)

diff --git a/backend/samfundet/utils.py b/backend/samfundet/utils.py
index de4f01be3..82b3598ed 100644
--- a/backend/samfundet/utils.py
+++ b/backend/samfundet/utils.py
@@ -35,6 +35,7 @@
     'event_group': 'event_group__id',
     'category': 'category__icontains',
     'venue': 'location__icontains',
+    'ticket_type': 'ticket_type',
 }
 
 
diff --git a/backend/samfundet/view/event_views.py b/backend/samfundet/view/event_views.py
index fe319935f..488f38bc1 100644
--- a/backend/samfundet/view/event_views.py
+++ b/backend/samfundet/view/event_views.py
@@ -3,10 +3,13 @@
 # =============================== #
 from __future__ import annotations
 
+from typing import Any
+
 from rest_framework import status
 from rest_framework.views import APIView
+from rest_framework.filters import SearchFilter
 from rest_framework.request import Request
-from rest_framework.generics import CreateAPIView
+from rest_framework.generics import ListAPIView, CreateAPIView
 from rest_framework.response import Response
 from rest_framework.viewsets import ModelViewSet
 from rest_framework.permissions import AllowAny, IsAuthenticated
@@ -17,6 +20,7 @@
 from root.custom_classes.permission_classes import FeatureEnabled, RoleProtectedOrAnonReadOnlyObjectPermissions
 
 from samfundet.utils import event_query
+from samfundet.pagination import CustomPageNumberPagination
 from samfundet.serializers import (
     EventSerializer,
     EventGroupSerializer,
@@ -66,24 +70,33 @@ def get(self, request: Request) -> Response:
         return Response(data=events_per_day)
 
 
-class EventsUpcomingView(APIView):
+class EventsUpcomingView(ListAPIView):
     permission_classes = [AllowAny]
-
-    def get(self, request: Request) -> Response:
-        events = event_query(query=request.query_params)
-        events = events.filter(start_dt__gt=timezone.now()).order_by('start_dt')
-        serialized_events = EventSerializer(events, many=True).data
-
-        # Fetch all venue names
-        venue_names = list(Venue.objects.values_list('name', flat=True))
-
-        response_data = {
-            'events': serialized_events,
-            'categories': Event._meta.get_field('category').choices if Event._meta.get_field('category').choices else [],
-            'locations': venue_names if venue_names else [],
-        }
-
-        return Response(data=response_data, status=status.HTTP_200_OK)
+    serializer_class = EventSerializer
+    pagination_class = CustomPageNumberPagination
+    filter_backends = [SearchFilter]
+    search_fields = ['title_en', 'title_nb']
+
+    def get_queryset(self) -> Response:
+        queryset = event_query(query=self.request.query_params)
+        queryset = queryset.filter(start_dt__gt=timezone.now()).order_by('start_dt')
+        return queryset
+
+    def list(self, request: Request, *args: Any, **kwargs: Any) -> Response:
+        # Get the paginated response from parent
+        response = super().list(request, *args, **kwargs)
+
+        # Add categories, locations, organizers, and ticket types to the response
+        if isinstance(response.data, dict):
+            venue_names = list(Venue.objects.values_list('name', flat=True))
+            categories = Event._meta.get_field('category').choices if Event._meta.get_field('category').choices else []
+            ticket_types = Event._meta.get_field('ticket_type').choices if Event._meta.get_field('ticket_type').choices else []
+
+            response.data['categories'] = categories
+            response.data['locations'] = venue_names if venue_names else []
+            response.data['ticket_types'] = ticket_types
+
+        return response
 
 
 class EventGroupView(ModelViewSet):
diff --git a/frontend/src/Components/EventQuery/EventQuery.tsx b/frontend/src/Components/EventQuery/EventQuery.tsx
index ec7ec3f61..51c0e85fe 100644
--- a/frontend/src/Components/EventQuery/EventQuery.tsx
+++ b/frontend/src/Components/EventQuery/EventQuery.tsx
@@ -1,8 +1,8 @@
 import { useTranslation } from 'react-i18next';
 import { InputField } from '~/Components';
 import { KEY } from '~/i18n/constants';
-import type { EventCategoryValue, SetState } from '~/types';
-import { getEventCategoryKey, lowerCapitalize } from '~/utils';
+import type { EventCategoryValue, EventTicketTypeValue, SetState } from '~/types';
+import { getEventCategoryKey, getTicketTypeKey, lowerCapitalize } from '~/utils';
 import { Dropdown } from '../Dropdown';
 import type { DropdownOption } from '../Dropdown/Dropdown';
 import styles from './EventQuery.module.scss';
@@ -10,10 +10,13 @@ import styles from './EventQuery.module.scss';
 type EventQueryProps = {
   venues: string[] | null;
   categories: EventCategoryValue[] | null;
+  ticketTypes?: string[] | null;
   selectedVenue: string | null;
   setSelectedVenue: SetState<string | null>;
   selectedCategory: EventCategoryValue | null;
   setSelectedCategory: SetState<EventCategoryValue | null>;
+  selectedTicketType?: string | null;
+  setSelectedTicketType?: SetState<string | null>;
   search: string;
   setSearch: SetState<string>;
 };
@@ -21,8 +24,10 @@ type EventQueryProps = {
 export function EventQuery({
   venues,
   categories,
+  ticketTypes,
   setSelectedVenue,
   setSelectedCategory,
+  setSelectedTicketType,
   search,
   setSearch,
 }: EventQueryProps) {
@@ -36,6 +41,10 @@ export function EventQuery({
     return { label: t(getEventCategoryKey(category)), value: category } as DropdownOption<string>;
   });
 
+  const ticketTypeOptions: DropdownOption<string | null>[] = (ticketTypes ?? []).map((tt) => {
+    return { label: t(getTicketTypeKey(tt as EventTicketTypeValue)), value: tt } as DropdownOption<string | null>;
+  });
+
   return (
     <div className={styles.queryBar}>
       <InputField
@@ -57,8 +66,17 @@ export function EventQuery({
         options={categoryOptions}
         onChange={(val) => setSelectedCategory(val as EventCategoryValue)}
         className={styles.element}
-        nullOption={{ label: lowerCapitalize(`${t(KEY.common_choose)} ${t(KEY.event_type)}`) }}
+        nullOption={{ label: lowerCapitalize(`${t(KEY.common_choose)} ${t(KEY.category)}`) }}
       />
+
+      {ticketTypes !== undefined && setSelectedTicketType && (
+        <Dropdown
+          options={ticketTypeOptions}
+          onChange={(val) => setSelectedTicketType(val as string)}
+          className={styles.element}
+          nullOption={{ label: lowerCapitalize(`${t(KEY.common_choose)} ${t(KEY.common_ticket)}`) }}
+        />
+      )}
     </div>
   );
 }
diff --git a/frontend/src/Pages/EventPage/components/TicketTypeRow/TicketTypeRow.tsx b/frontend/src/Pages/EventPage/components/TicketTypeRow/TicketTypeRow.tsx
index 2d10054c7..8d9f93035 100644
--- a/frontend/src/Pages/EventPage/components/TicketTypeRow/TicketTypeRow.tsx
+++ b/frontend/src/Pages/EventPage/components/TicketTypeRow/TicketTypeRow.tsx
@@ -15,7 +15,7 @@ export function TicketTypeRow({ event }: TicketTypeRowProps) {
   if (event.ticket_type !== EventTicketType.CUSTOM) {
     return (
       <tr>
-        <td className={styles.table_element_left}> {t(KEY.common_ticket_type).toUpperCase()} </td>
+        <td className={styles.table_element_left}> {t(KEY.common_ticket).toUpperCase()} </td>
         <td className={styles.table_element_right}> {t(getTicketTypeKey(event.ticket_type))} </td>
       </tr>
     );
diff --git a/frontend/src/Pages/HomePage/components/Splash/Splash.tsx b/frontend/src/Pages/HomePage/components/Splash/Splash.tsx
index e5559f248..5c5857082 100644
--- a/frontend/src/Pages/HomePage/components/Splash/Splash.tsx
+++ b/frontend/src/Pages/HomePage/components/Splash/Splash.tsx
@@ -40,7 +40,7 @@ export function Splash({ events, showInfo }: SplashProps) {
   const ticketButton = isPaid ? (
     <Button theme={'samf'} className={styles.ticket_button}>
       <Icon icon="ph:ticket-bold" />
-      {lowerCapitalize(`${t(KEY.common_buy)} ${t(KEY.common_ticket_type)}`)}
+      {lowerCapitalize(`${t(KEY.common_buy)} ${t(KEY.common_ticket)}`)}
     </Button>
   ) : (
     <></>
diff --git a/frontend/src/PagesAdmin/EventsAdminPage/EventsAdminPage.tsx b/frontend/src/PagesAdmin/EventsAdminPage/EventsAdminPage.tsx
index 65312b2ba..dbf74fab1 100644
--- a/frontend/src/PagesAdmin/EventsAdminPage/EventsAdminPage.tsx
+++ b/frontend/src/PagesAdmin/EventsAdminPage/EventsAdminPage.tsx
@@ -1,74 +1,103 @@
-import { useEffect, useState } from 'react';
+import { keepPreviousData, useQuery } from '@tanstack/react-query';
+import { useEffect, useRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useNavigate } from 'react-router';
 import { toast } from 'react-toastify';
-import { Button, Carousel, EventQuery, ImageCard, TimeDisplay } from '~/Components';
+import { Button, EventQuery, TimeDisplay } from '~/Components';
 import { CrudButtons } from '~/Components/CrudButtons/CrudButtons';
+import { PagedPagination } from '~/Components/Pagination';
 import { Table } from '~/Components/Table';
-import { deleteEvent, getEventsUpcomming } from '~/api';
-import { BACKEND_DOMAIN } from '~/constants';
+import { deleteEvent, getEventsUpcommingPaginated } from '~/api';
 import type { EventDto } from '~/dto';
 import { useTitle } from '~/hooks';
 import { KEY } from '~/i18n/constants';
 import { reverse } from '~/named-urls';
+import { eventKeys } from '~/queryKeys';
 import { ROUTES } from '~/routes';
 import type { EventCategoryValue } from '~/types';
 import { dbT, getTicketTypeKey, lowerCapitalize } from '~/utils';
 import { AdminPageLayout } from '../AdminPageLayout/AdminPageLayout';
 import styles from './EventsAdminPage.module.scss';
 
+const PAGE_SIZE = 20;
+
 export function EventsAdminPage() {
   const navigate = useNavigate();
-  const [events, setEvents] = useState<EventDto[]>([]);
-  const [allEvents, setAllEvents] = useState<EventDto[]>([]);
-  const [showSpinner, setShowSpinner] = useState<boolean>(true);
+  const [currentPage, setCurrentPage] = useState<number>(1);
+  const [searchInput, setSearchInput] = useState<string>('');
+  const [debouncedSearch, setDebouncedSearch] = useState<string>('');
+  const [selectedVenue, setSelectedVenue] = useState<string | null>(null);
+  const [selectedCategory, setSelectedCategory] = useState<EventCategoryValue | null>(null);
+  const [selectedTicketType, setSelectedTicketType] = useState<string | null>(null);
+  const debounceTimeout = useRef<NodeJS.Timeout>();
   const { t, i18n } = useTranslation();
   useTitle(t(KEY.admin_events_administrate));
 
   const [venues, setVenues] = useState<string[] | null>(null);
   const [categories, setCategories] = useState<EventCategoryValue[]>([]);
-  const [selectedVenue, setSelectedVenue] = useState<string | null>(null);
-  const [selectedCategory, setSelectedCategory] = useState<EventCategoryValue | null>(null);
-  const [search, setSearch] = useState<string>('');
+  const [ticketTypes, setTicketTypes] = useState<string[]>([]);
 
-  function getEvents(venue?: string | null, category?: EventCategoryValue | null) {
-    getEventsUpcomming({ venue: venue ?? undefined, category: category ?? undefined })
-      .then((data) => {
-        setCategories(data.categories as EventCategoryValue[]);
-        setVenues(data.locations);
-        setEvents(data.events);
-        setAllEvents(data.events);
-        setShowSpinner(false);
-      })
-      .catch((error) => {
-        toast.error(t(KEY.common_something_went_wrong));
-        console.error(error);
-      });
-  }
+  // Debounce search input
+  useEffect(() => {
+    clearTimeout(debounceTimeout.current);
+    debounceTimeout.current = setTimeout(() => {
+      setDebouncedSearch(searchInput);
+    }, 300);
 
-  function filterEvents(): EventDto[] {
-    const normalizedSearch = search.trim().toLowerCase();
-    if (search === '') return events;
-    const keywords = normalizedSearch.split(' ');
+    return () => clearTimeout(debounceTimeout.current);
+  }, [searchInput]);
 
-    return events.filter((event: EventDto) => {
-      const title = (dbT(event, 'title', i18n.language) as string)?.toLowerCase() ?? '';
-      return keywords.every((kw) => title.includes(kw));
-    });
-  }
+  // Reset to page 1 when filters change
+  // biome-ignore lint/correctness/useExhaustiveDependencies: intentionally reset page when any filter changes
+  useEffect(() => {
+    setCurrentPage(1);
+  }, [debouncedSearch, selectedVenue, selectedCategory, selectedTicketType]);
 
-  // Stuff to do on first render.
-  // TODO add permissions on render
-  // biome-ignore lint/correctness/useExhaustiveDependencies: <explanation>
+  // Fetch paginated events
+  const { data, isLoading } = useQuery({
+    queryKey: eventKeys.paginatedList(currentPage, PAGE_SIZE, {
+      search: debouncedSearch || undefined,
+      venue: selectedVenue || undefined,
+      category: selectedCategory || undefined,
+      ticket_type: selectedTicketType || undefined,
+    }),
+    queryFn: () =>
+      getEventsUpcommingPaginated(currentPage, PAGE_SIZE, {
+        search: debouncedSearch || undefined,
+        venue: selectedVenue || undefined,
+        category: selectedCategory || undefined,
+        ticket_type: selectedTicketType || undefined,
+      }),
+    placeholderData: keepPreviousData,
+  });
+
+  const events = data?.results ?? [];
+  const totalCount = data?.count ?? 0;
+
+  // Extract metadata from API response
   useEffect(() => {
-    getEvents(selectedVenue, selectedCategory);
-  }, [selectedVenue, selectedCategory]);
+    if (data) {
+      if (data.categories) {
+        const rawCats = data.categories as (string | [string, string])[];
+        setCategories(rawCats.map((cat) => (Array.isArray(cat) ? cat[0] : cat)) as EventCategoryValue[]);
+      }
+      if (data.locations) {
+        setVenues(data.locations as string[]);
+      }
+      if (data.ticket_types) {
+        const rawTts = data.ticket_types as (string | [string, string])[];
+        setTicketTypes(rawTts.map((tt) => (Array.isArray(tt) ? tt[0] : tt)));
+      }
+    }
+  }, [data]);
 
   function deleteSelectedEvent(id: number) {
     deleteEvent(id)
       .then(() => {
-        getEvents();
+        // Refetch the current page
         toast.success(t(KEY.eventsadminpage_successful_delete_toast));
+        // Force a refetch by triggering the query again
+        navigate(ROUTES.frontend.admin_events);
       })
       .catch((error) => {
         toast.error(t(KEY.common_something_went_wrong));
@@ -77,18 +106,16 @@ export function EventsAdminPage() {
   }
 
   const tableColumns = [
-    { content: t(KEY.common_title), sortable: true },
-    { content: t(KEY.start_time), sortable: true },
-    { content: t(KEY.category), sortable: true },
-    { content: t(KEY.admin_organizer), sortable: true },
-    { content: t(KEY.common_venue), sortable: true },
-    { content: t(KEY.common_ticket_type), sortable: true },
+    { content: t(KEY.common_title) },
+    { content: t(KEY.start_time) },
+    { content: t(KEY.category) },
+    { content: t(KEY.admin_organizer) },
+    { content: t(KEY.common_venue) },
+    { content: t(KEY.common_ticket_type) },
     '', // Buttons
   ];
 
-  const filteredEvents = filterEvents();
-
-  const data = filteredEvents.map((event: EventDto) => ({
+  const tableData = events.map((event: EventDto) => ({
     cells: [
       dbT(event, 'title', i18n.language) as string,
       { content: <TimeDisplay timestamp={event.start_dt} />, value: event.start_dt },
@@ -116,10 +143,8 @@ export function EventsAdminPage() {
               );
             }}
             onDelete={() => {
-              // TODO custom modal confirm
               const msg = lowerCapitalize(`${t(KEY.form_confirm)} ${t(KEY.common_delete)}`);
               if (window.confirm(`${msg} ${dbT(event, 'title')}`)) {
-                // TODO toast component? A bit too easy to delete events
                 deleteSelectedEvent(event.id);
               }
             }}
@@ -140,35 +165,30 @@ export function EventsAdminPage() {
   );
 
   return (
-    <AdminPageLayout title={title} backendUrl={backendUrl} header={header} loading={showSpinner}>
-      <Carousel spacing={2} header="" className={styles.carousel} itemContainerClass={styles.carousel_item}>
-        {allEvents.slice(0, Math.min(allEvents.length, 10)).map((event) => {
-          return (
-            <ImageCard
-              key={event.id}
-              title={dbT(event, 'title')}
-              date={event.start_dt}
-              subtitle=""
-              imageUrl={BACKEND_DOMAIN + event.image_url}
-              compact={true}
-              ticket_type={event.ticket_type}
-              host={event.host}
-            />
-          );
-        })}
-      </Carousel>
+    <AdminPageLayout title={title} backendUrl={backendUrl} header={header} loading={isLoading}>
       <EventQuery
         venues={venues}
         categories={categories}
+        ticketTypes={ticketTypes}
         selectedVenue={selectedVenue}
         setSelectedVenue={setSelectedVenue}
         selectedCategory={selectedCategory}
         setSelectedCategory={setSelectedCategory}
-        search={search}
-        setSearch={setSearch}
+        selectedTicketType={selectedTicketType}
+        setSelectedTicketType={setSelectedTicketType}
+        search={searchInput}
+        setSearch={setSearchInput}
       />
       <div className={styles.tableContainer}>
-        <Table columns={tableColumns} data={data} />
+        <Table columns={tableColumns} data={tableData} />
+      </div>
+      <div style={{ display: 'flex', justifyContent: 'center', marginTop: '2rem' }}>
+        <PagedPagination
+          currentPage={currentPage}
+          totalItems={totalCount}
+          pageSize={PAGE_SIZE}
+          onPageChange={setCurrentPage}
+        />
       </div>
     </AdminPageLayout>
   );
diff --git a/frontend/src/api.ts b/frontend/src/api.ts
index d6afdf1c1..b156d9cd3 100644
--- a/frontend/src/api.ts
+++ b/frontend/src/api.ts
@@ -57,7 +57,7 @@ import { reverse } from '~/named-urls';
 import { ROUTES } from '~/routes';
 import type { BilligEventDto } from './apis/billig/billigDtos';
 import { BACKEND_DOMAIN } from './constants';
-import type { PageNumberPaginationType } from './types';
+import type { EventsPaginationType, PageNumberPaginationType } from './types';
 import { buildPaginatedUrl } from './utils';
 
 export async function getCsrfToken(): Promise<string> {
@@ -286,6 +286,26 @@ export async function getEventsUpcomming(params: {
   };
 }
 
+export async function getEventsUpcommingPaginated(
+  page: number,
+  pageSize?: number,
+  params?: {
+    search?: string;
+    venue?: string;
+    category?: string;
+    ticket_type?: string;
+  },
+): Promise<EventsPaginationType<EventDto>> {
+  const url = buildPaginatedUrl(BACKEND_DOMAIN + ROUTES.backend.samfundet__eventsupcomming, page, pageSize, {
+    ...(params?.search ? { search: params.search } : {}),
+    ...(params?.venue ? { venue: params.venue } : {}),
+    ...(params?.category ? { category: params.category } : {}),
+    ...(params?.ticket_type ? { ticket_type: params.ticket_type } : {}),
+  });
+  const response = await axios.get<EventsPaginationType<EventDto>>(url, { withCredentials: true });
+  return response.data;
+}
+
 export async function getEvents(): Promise<EventDto[]> {
   const url = BACKEND_DOMAIN + ROUTES.backend.samfundet__events_list;
   const response = await axios.get<EventDto[]>(url, { withCredentials: true });
diff --git a/frontend/src/i18n/constants.ts b/frontend/src/i18n/constants.ts
index c9258d818..215dba196 100644
--- a/frontend/src/i18n/constants.ts
+++ b/frontend/src/i18n/constants.ts
@@ -231,6 +231,7 @@ export const KEY = {
   common_contact_information: 'common_contact_information',
   common_about_samfundet: 'common_about_samfundet',
   // Price groups:
+  common_ticket: 'common_ticket',
   common_ticket_type: 'common_ticket_type',
   common_ticket_type_free: 'common_ticket_type_free',
   common_ticket_type_free_with_registration: 'common_ticket_type_free_with_registration',
diff --git a/frontend/src/i18n/translations.ts b/frontend/src/i18n/translations.ts
index 19e50e8db..ea44e45f3 100644
--- a/frontend/src/i18n/translations.ts
+++ b/frontend/src/i18n/translations.ts
@@ -215,7 +215,8 @@ export const nb = prepareTranslations({
   [KEY.common_about_samfundet]: 'Om Samfundet',
 
   // Price groups:
-  [KEY.common_ticket_type]: 'Billett',
+  [KEY.common_ticket]: 'Billett',
+  [KEY.common_ticket_type]: 'Billettype',
   [KEY.common_ticket_type_free]: 'Gratis',
   [KEY.common_ticket_type_free_with_registration]: 'Gratis med registrering',
   [KEY.common_ticket_type_custom]: 'Tilpasset',
@@ -919,7 +920,8 @@ export const en = prepareTranslations({
   [KEY.common_administrate]: 'Administrate',
   [KEY.common_administration]: 'Administration',
   // Price groups:
-  [KEY.common_ticket_type]: 'Ticket',
+  [KEY.common_ticket]: 'Ticket',
+  [KEY.common_ticket_type]: 'Ticket type',
   [KEY.common_ticket_type_free]: 'Free',
   [KEY.common_ticket_type_free_with_registration]: 'Free with registration',
   [KEY.common_ticket_type_billig]: 'Paid (billig)',
diff --git a/frontend/src/queryKeys.ts b/frontend/src/queryKeys.ts
index add88d9e5..f2f53b650 100644
--- a/frontend/src/queryKeys.ts
+++ b/frontend/src/queryKeys.ts
@@ -36,6 +36,12 @@ export const eventKeys = {
   all: ['events'] as const,
   lists: () => [...eventKeys.all, 'list'] as const,
   list: (filters: unknown[]) => [...eventKeys.lists(), { filters }] as const,
+  paginatedLists: () => [...eventKeys.all, 'paginated'] as const,
+  paginatedList: (
+    page: number,
+    pageSize: number,
+    filters?: { search?: string; venue?: string; category?: string; ticket_type?: string },
+  ) => [...eventKeys.paginatedLists(), { page, pageSize, ...filters }] as const,
   details: () => [...eventKeys.all, 'detail'] as const,
   detail: (id: number) => [...eventKeys.details(), id] as const,
 };
diff --git a/frontend/src/types.ts b/frontend/src/types.ts
index 2fbb1396b..cbba76575 100644
--- a/frontend/src/types.ts
+++ b/frontend/src/types.ts
@@ -270,6 +270,12 @@ export interface PageNumberPaginationType<T> {
   results: T[];
 }
 
+export interface EventsPaginationType<T> extends PageNumberPaginationType<T> {
+  categories?: Array<[string, string]> | string[];
+  locations?: string[];
+  ticket_types?: Array<[string, string]> | string[];
+}
+
 /* For DRF pagination, see pagination.py */
 export interface CursorPaginatedResponse<T> {
   next: string | null; // URL or cursor for next page

From 37780186efd7a49f476c4d76e88c129ed9e64b8f Mon Sep 17 00:00:00 2001
From: Heidi Herfindal Rasmussen <144371674+hei98@users.noreply.github.com>
Date: Wed, 25 Mar 2026 18:32:38 +0100
Subject: [PATCH 54/79] Fix editing event (#2054)

* Fix editing event

* Remove unused code

* Fix edit events

* Fix for checks

* Fix checks

* Add step-based structure and form hook to EventCreator

* Fxi imagepicker

* Fix edit event

* Fix edit events

* Remove unused variable

* Fix graphics step not working after changes to backend

* Add pagination to ImagePicker for it to work

* Fix biome

* Fix biome

* Fix biome

* Add translation

* Remove unused variable and update icon variable

* Fix biome

* Update frontend/src/PagesAdmin/EventCreatorAdminPage/EventCreatorAdminPage.tsx

Co-authored-by: Robin <16273164+robines@users.noreply.github.com>

---------

Co-authored-by: Robin <16273164+robines@users.noreply.github.com>
---
 backend/samfundet/serializers.py              |  28 +-
 .../ImagePicker/ImagePicker.module.scss       |  22 +-
 .../Components/ImagePicker/ImagePicker.tsx    |   8 +-
 .../EventCreatorAdminPage.tsx                 | 631 +++---------------
 .../components/EventPreviewCard.tsx           |  39 ++
 .../hooks/useEventCreatorForm.ts              | 103 +++
 .../hooks/useEventMutations.ts                |  45 ++
 .../steps/GraphicsStep.tsx                    |  35 +
 .../EventCreatorAdminPage/steps/InfoStep.tsx  | 156 +++++
 .../steps/PaymentStep.tsx                     |  49 ++
 .../steps/SummaryStep.tsx                     |  27 +
 .../EventCreatorAdminPage/steps/TextStep.tsx  | 117 ++++
 .../EventCreatorAdminPage/steps/stepConfig.ts |  64 ++
 frontend/src/api.ts                           |   8 +-
 frontend/src/dto.ts                           |  48 +-
 frontend/src/i18n/constants.ts                |   1 +
 frontend/src/i18n/translations.ts             |   2 +
 frontend/src/schema/event.ts                  |   2 +-
 frontend/src/schema/samfImage.ts              |  14 +-
 19 files changed, 808 insertions(+), 591 deletions(-)
 create mode 100644 frontend/src/PagesAdmin/EventCreatorAdminPage/components/EventPreviewCard.tsx
 create mode 100644 frontend/src/PagesAdmin/EventCreatorAdminPage/hooks/useEventCreatorForm.ts
 create mode 100644 frontend/src/PagesAdmin/EventCreatorAdminPage/hooks/useEventMutations.ts
 create mode 100644 frontend/src/PagesAdmin/EventCreatorAdminPage/steps/GraphicsStep.tsx
 create mode 100644 frontend/src/PagesAdmin/EventCreatorAdminPage/steps/InfoStep.tsx
 create mode 100644 frontend/src/PagesAdmin/EventCreatorAdminPage/steps/PaymentStep.tsx
 create mode 100644 frontend/src/PagesAdmin/EventCreatorAdminPage/steps/SummaryStep.tsx
 create mode 100644 frontend/src/PagesAdmin/EventCreatorAdminPage/steps/TextStep.tsx
 create mode 100644 frontend/src/PagesAdmin/EventCreatorAdminPage/steps/stepConfig.ts

diff --git a/backend/samfundet/serializers.py b/backend/samfundet/serializers.py
index 987a0d849..8ce371523 100644
--- a/backend/samfundet/serializers.py
+++ b/backend/samfundet/serializers.py
@@ -3,7 +3,7 @@
 import re
 import datetime
 import itertools
-from typing import TYPE_CHECKING
+from typing import TYPE_CHECKING, Any
 from collections import defaultdict
 
 from PIL import Image as PilImage
@@ -271,18 +271,37 @@ class Meta:
         model = Event
         list_serializer_class = EventListSerializer
         # Warning: registration object contains sensitive data, don't include it!
-        exclude = ['image', 'registration', 'event_group', 'billig_id']
+        exclude = ['registration', 'event_group', 'billig_id']
 
     # Read only properties (computed property, foreign model).
     total_registrations = serializers.IntegerField(read_only=True)
     image_url = serializers.CharField(read_only=True)
+    image = serializers.SerializerMethodField(read_only=True)
 
     # Custom tickets/billig
     custom_tickets = EventCustomTicketSerializer(many=True, read_only=True)
     billig = BilligEventSerializer(read_only=True)
 
     # For post/put (change image by id).
-    image_id = serializers.IntegerField(write_only=True)
+    image_id = serializers.IntegerField(write_only=True, required=True)
+
+    def get_image(self, obj: Event) -> dict:
+        img = obj.image
+        return {'id': img.id, 'url': img.image.url, 'title': img.title, 'tags': list(img.tags.values_list('id', flat=True))}
+
+    def update(self, instance: Event, validated_data: dict[str, Any]) -> Event:
+        image_id = validated_data.pop('image_id', None)
+        if image_id is not None:
+            try:
+                instance.image = Image.objects.get(pk=image_id)
+            except Image.DoesNotExist as err:
+                raise serializers.ValidationError({'image_id': 'Invalid image id'}) from err
+
+        for attr, value in validated_data.items():
+            setattr(instance, attr, value)
+
+        instance.save()
+        return instance
 
     def validate(self, data: dict) -> dict:
         # Check if all required fields are present for validation
@@ -307,7 +326,8 @@ def create(self, validated_data: dict) -> Event:
         and sets it in the new event. Read/write only fields enable
         us to use the same serializer for both reading and writing.
         """
-        validated_data['image'] = Image.objects.get(pk=validated_data['image_id'])
+        image_id = validated_data.pop('image_id')
+        validated_data['image'] = Image.objects.get(pk=image_id)
         event = Event(**validated_data)
         event.save()
         return event
diff --git a/frontend/src/Components/ImagePicker/ImagePicker.module.scss b/frontend/src/Components/ImagePicker/ImagePicker.module.scss
index b0c1ba438..1305ae0d4 100644
--- a/frontend/src/Components/ImagePicker/ImagePicker.module.scss
+++ b/frontend/src/Components/ImagePicker/ImagePicker.module.scss
@@ -35,20 +35,20 @@
 
 .image_container {
   max-height: 25em;
-  overflow-y: scroll;
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-  flex-wrap: wrap;
+  overflow-y: auto;
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(10em, 1fr));
   gap: 0.5em;
-  margin: 0 auto;
+  width: 100%;
+  align-content: start;
+  padding-right: 0.25rem;
 }
 
 .image {
   @include rounded;
   @include shadow-light;
-  width: 10em;
-  height: 8em;
+  width: 100%;
+  aspect-ratio: 5 / 4;
   background-color: $grey-1;
   background-size: cover;
   background-position: center;
@@ -71,6 +71,8 @@
 .search_wrapper {
   display: flex;
   flex-direction: column;
+  flex: 1;
+  min-width: 0;
 }
 
 .pagination_wrapper {
@@ -78,3 +80,7 @@
   justify-content: center;
   margin-top: 1rem;
 }
+
+.error {
+  margin-top: 1rem;
+}
\ No newline at end of file
diff --git a/frontend/src/Components/ImagePicker/ImagePicker.tsx b/frontend/src/Components/ImagePicker/ImagePicker.tsx
index 16f58b078..8d98ae4bd 100644
--- a/frontend/src/Components/ImagePicker/ImagePicker.tsx
+++ b/frontend/src/Components/ImagePicker/ImagePicker.tsx
@@ -45,7 +45,7 @@ export function ImagePicker({ onSelected, selectedImage }: ImagePickerProps) {
   }, [debouncedSearch]);
 
   // Fetch images using React Query
-  const { data } = useQuery({
+  const { data, isError } = useQuery({
     queryKey: imageKeys.list(currentPage, debouncedSearch || undefined),
     queryFn: () => getImagesPaginated(currentPage, PAGE_SIZE, debouncedSearch || undefined),
     placeholderData: keepPreviousData,
@@ -80,7 +80,10 @@ export function ImagePicker({ onSelected, selectedImage }: ImagePickerProps) {
     <div className={styles.container}>
       <div className={styles.selected_container}>
         {selected && <h1 className={styles.image_title}>{selected.title}</h1>}
-        <div className={styles.selected} style={backgroundImageFromUrl(BACKEND_DOMAIN + selected?.url)}>
+        <div
+          className={styles.selected}
+          style={backgroundImageFromUrl(selected?.url ? BACKEND_DOMAIN + selected.url : undefined)}
+        >
           {selected === undefined && (
             <>
               <Icon icon="ic:outline-image" width={24} />
@@ -88,6 +91,7 @@ export function ImagePicker({ onSelected, selectedImage }: ImagePickerProps) {
             </>
           )}
         </div>
+        {isError && <p className={styles.error}>{t(KEY.common_something_went_wrong)}</p>}
       </div>
       <div className={styles.search_wrapper}>
         <InputField
diff --git a/frontend/src/PagesAdmin/EventCreatorAdminPage/EventCreatorAdminPage.tsx b/frontend/src/PagesAdmin/EventCreatorAdminPage/EventCreatorAdminPage.tsx
index d546d3291..a43a4c28b 100644
--- a/frontend/src/PagesAdmin/EventCreatorAdminPage/EventCreatorAdminPage.tsx
+++ b/frontend/src/PagesAdmin/EventCreatorAdminPage/EventCreatorAdminPage.tsx
@@ -1,64 +1,43 @@
-import { zodResolver } from '@hookform/resolvers/zod';
 import { Icon } from '@iconify/react';
 import { useQuery } from '@tanstack/react-query';
 import classNames from 'classnames';
 import { type ReactElement, type ReactNode, useEffect, useState } from 'react';
-import { useForm } from 'react-hook-form';
 import { useTranslation } from 'react-i18next';
 import { useParams } from 'react-router';
 import { toast } from 'react-toastify';
-import type { z } from 'zod';
-import {
-  Button,
-  Dropdown,
-  Form,
-  FormControl,
-  FormField,
-  FormItem,
-  FormLabel,
-  FormMessage,
-  ImageCard,
-  Input,
-  Textarea,
-} from '~/Components';
+import { Button, Form } from '~/Components';
 import type { DropdownOption } from '~/Components/Dropdown/Dropdown';
-import { ImagePicker } from '~/Components/ImagePicker/ImagePicker';
 import { type Tab, TabBar } from '~/Components/TabBar/TabBar';
-import { getEvent, getVenues, postEvent } from '~/api';
-import { BACKEND_DOMAIN } from '~/constants';
-import type { EventDto, ImageDto } from '~/dto';
-import { useCustomNavigate, usePrevious, useTitle } from '~/hooks';
+import { getEvent, getVenues } from '~/api';
+import type { EventDto } from '~/dto';
+import { usePrevious, useTitle } from '~/hooks';
 import { KEY } from '~/i18n/constants';
 import { venueKeys } from '~/queryKeys';
-import { ROUTES } from '~/routes';
 import { EventAgeRestriction, type EventAgeRestrictionValue, EventCategory, type EventCategoryValue } from '~/types';
-import { dbT, getAgeRestrictionKey, getEventCategoryKey, lowerCapitalize, utcTimestampToLocal } from '~/utils';
+import { dbT, getAgeRestrictionKey, getEventCategoryKey, lowerCapitalize } from '~/utils';
 import { AdminPageLayout } from '../AdminPageLayout/AdminPageLayout';
 import styles from './EventCreatorAdminPage.module.scss';
-import { eventSchema } from './EventCreatorSchema';
-import { PaymentForm } from './components/PaymentForm';
+import { type FormType, useEventCreatorForm } from './hooks/useEventCreatorForm';
+import { useEventMutations } from './hooks/useEventMutations';
 
-// Define the Zod schema for event validation
+import { type EventCreatorStep, type StepKey, steps } from './steps/stepConfig';
 
-type FormType = z.infer<typeof eventSchema>;
-
-type EventCreatorStep = {
-  key: string; // Unique key.
-  title_nb: string; // Tab title norwegian.
-  title_en: string; // Tab title english.
-  customIcon?: string; // Custom icon in tab bar.
-  template: ReactElement;
-  validate: (data: FormType) => boolean;
-};
+import type { FieldErrors } from 'react-hook-form';
+import { EventPreviewCard } from './components/EventPreviewCard';
+import { GraphicsStep } from './steps/GraphicsStep';
+import { InfoStep } from './steps/InfoStep';
+import { PaymentStep } from './steps/PaymentStep';
+import { SummaryStep } from './steps/SummaryStep';
+import { TextStep } from './steps/TextStep';
 
 export function EventCreatorAdminPage() {
   const { t } = useTranslation();
-  const navigate = useCustomNavigate();
   const [event, setEvent] = useState<Partial<EventDto>>();
   const [showSpinner, setShowSpinner] = useState<boolean>(true);
   const { id } = useParams();
+  const { createEventMutation, editEventMutation } = useEventMutations();
 
-  const { data: venues = [], isLoading } = useQuery({
+  const { data: venues = [] } = useQuery({
     queryKey: venueKeys.all,
     queryFn: getVenues,
   });
@@ -77,69 +56,26 @@ export function EventCreatorAdminPage() {
     label: t(getAgeRestrictionKey(age)),
   }));
 
-  // Setup React Hook Form
-  const form = useForm<FormType>({
-    resolver: zodResolver(eventSchema),
-    mode: 'onChange',
-    defaultValues: {
-      title_nb: '',
-      title_en: '',
-      description_long_nb: '',
-      description_long_en: '',
-      description_short_nb: '',
-      description_short_en: '',
-      start_dt: '',
-      duration: undefined,
-      end_dt: '',
-      category: undefined,
-      host: '',
-      location: undefined,
-      capacity: undefined,
-      age_restriction: undefined,
-      ticket_type: undefined,
-      custom_tickets: [],
-      billig_id: undefined,
-      image: undefined,
-      visibility_from_dt: '',
-      visibility_to_dt: '',
-    },
+  const { form, watchedValues, buildPayload } = useEventCreatorForm({
+    event,
+    defaultCategory: eventCategoryOptions[0]?.value ?? EventCategory.ART,
+    defaultLocation: locationOptions[0]?.value ?? '',
   });
 
+  const stepComponentMap: Record<StepKey, ReactElement> = {
+    text: <TextStep form={form} />,
+    info: <InfoStep form={form} eventCategoryOptions={eventCategoryOptions} locationOptions={locationOptions} />,
+    payment: <PaymentStep form={form} ageLimitOptions={ageLimitOptions} />,
+    graphics: <GraphicsStep form={form} />,
+    summary: <SummaryStep form={form} />,
+  };
+
   // Fetch event data using the event ID
   useEffect(() => {
     if (id) {
       getEvent(id)
         .then((eventData) => {
-          const eventDuration = Math.round(
-            (new Date(eventData.end_dt).getTime() - new Date(eventData.start_dt).getTime()) / 60000,
-          );
-          const imageObject: ImageDto | undefined = eventData.image_url
-            ? { id: eventData.id, title: '', url: eventData.image_url, tags: [] }
-            : undefined;
           setEvent(eventData);
-          form.reset({
-            title_nb: eventData.title_nb || '',
-            title_en: eventData.title_en || '',
-            description_long_nb: eventData.description_long_nb || '',
-            description_long_en: eventData.description_long_en || '',
-            description_short_nb: eventData.description_short_nb || '',
-            description_short_en: eventData.description_short_en || '',
-            start_dt: eventData.start_dt ? utcTimestampToLocal(eventData.start_dt, false) : '',
-            duration: eventDuration || undefined,
-            end_dt: eventData.end_dt ? utcTimestampToLocal(eventData.end_dt, false) : '',
-            category: eventData.category || '',
-            host: eventData.host || '',
-            location: eventData.location || '',
-            capacity: eventData.capacity || undefined,
-            age_restriction: eventData.age_restriction || 'none',
-            ticket_type: eventData.ticket_type || 'free',
-            custom_tickets: eventData.custom_tickets || [],
-            billig_id: eventData.billig?.id,
-            image: imageObject,
-            visibility_from_dt: eventData.visibility_from_dt
-              ? utcTimestampToLocal(eventData.visibility_from_dt, false)
-              : '',
-          });
           setShowSpinner(false);
         })
         .catch((error) => {
@@ -148,430 +84,28 @@ export function EventCreatorAdminPage() {
     } else {
       setShowSpinner(false);
     }
-  }, [id, t, form]);
+  }, [id, t]);
 
   // ================================== //
   //          Creation Steps            //
   // ================================== //
 
-  const [completedSteps, setCompletedSteps] = useState<Record<string, boolean>>({});
-
-  const createSteps: EventCreatorStep[] = [
-    // Name and text descriptions.
-    {
-      key: 'text',
-      title_nb: 'Tittel/beskrivelse',
-      title_en: 'Text & description',
-      validate: (data) => {
-        return !!(
-          data.title_nb &&
-          data.title_en &&
-          data.description_short_nb &&
-          data.description_short_en &&
-          data.description_long_nb &&
-          data.description_long_en
-        );
-      },
-      template: (
-        <>
-          <div className={styles.input_row}>
-            <FormField
-              key="title_nb"
-              control={form.control}
-              name="title_nb"
-              render={({ field }) => (
-                <FormItem className={styles.form_item}>
-                  <FormLabel>
-                    {t(KEY.common_title)} ({t(KEY.common_norwegian)})
-                  </FormLabel>
-                  <FormControl>
-                    <Input type="text" {...field} />
-                  </FormControl>
-                  <FormMessage />
-                </FormItem>
-              )}
-            />
-            <FormField
-              control={form.control}
-              name="title_en"
-              key={'title_en'}
-              render={({ field }) => (
-                <FormItem className={styles.form_item}>
-                  <FormLabel>
-                    {t(KEY.common_title)} ({t(KEY.common_english)})
-                  </FormLabel>
-                  <FormControl>
-                    <Input type="text" {...field} />
-                  </FormControl>
-                  <FormMessage />
-                </FormItem>
-              )}
-            />
-          </div>
-          <div className={styles.input_row}>
-            <FormField
-              control={form.control}
-              name="description_short_nb"
-              key={'description_short_nb'}
-              render={({ field }) => (
-                <FormItem className={styles.form_item}>
-                  <FormLabel>
-                    {t(KEY.common_short_description)} ({t(KEY.common_norwegian)})
-                  </FormLabel>
-                  <FormControl>
-                    <Input type="text" {...field} />
-                  </FormControl>
-                  <FormMessage />
-                </FormItem>
-              )}
-            />
-            <FormField
-              control={form.control}
-              name="description_short_en"
-              key={'description_short_en'}
-              render={({ field }) => (
-                <FormItem className={styles.form_item}>
-                  <FormLabel>
-                    {t(KEY.common_short_description)} ({t(KEY.common_english)})
-                  </FormLabel>
-                  <FormControl>
-                    <Input type="text" {...field} />
-                  </FormControl>
-                  <FormMessage />
-                </FormItem>
-              )}
-            />
-          </div>
-          <div className={styles.input_row}>
-            <FormField
-              control={form.control}
-              name="description_long_nb"
-              key={'description_long_nb'}
-              render={({ field }) => (
-                <FormItem className={styles.form_item}>
-                  <FormLabel>
-                    {t(KEY.common_long_description)} ({t(KEY.common_norwegian)})
-                  </FormLabel>
-                  <FormControl>
-                    <Textarea className="textarea" {...field} rows={8} />
-                  </FormControl>
-                  <FormMessage />
-                </FormItem>
-              )}
-            />
-            <FormField
-              control={form.control}
-              name="description_long_en"
-              key={'description_long_en'}
-              render={({ field }) => (
-                <FormItem className={styles.form_item}>
-                  <FormLabel>
-                    {t(KEY.common_long_description)} ({t(KEY.common_english)})
-                  </FormLabel>
-                  <FormControl>
-                    <Textarea className="textarea" {...field} rows={8} />
-                  </FormControl>
-                  <FormMessage />
-                </FormItem>
-              )}
-            />
-          </div>
-        </>
-      ),
-    },
-    // General info (category, dates etc.)
-    {
-      key: 'info',
-      title_nb: 'Dato og informasjon',
-      title_en: 'Date & info',
-      validate: (data) => {
-        return !!(
-          data.start_dt &&
-          data.duration !== undefined &&
-          data.duration > 0 &&
-          data.category &&
-          data.host &&
-          data.location &&
-          data.capacity !== undefined &&
-          data.capacity > 0
-        );
-      },
-      template: (
-        <>
-          <div className={styles.input_row}>
-            <FormField
-              control={form.control}
-              name="start_dt"
-              key={'start_dt'}
-              render={({ field }) => (
-                <FormItem className={styles.form_item}>
-                  <FormLabel>
-                    {t(KEY.common_date)} & {t(KEY.common_time)}
-                  </FormLabel>
-                  <FormControl>
-                    <Input type="datetime-local" {...field} />
-                  </FormControl>
-                  <FormMessage />
-                </FormItem>
-              )}
-            />
-            <FormField
-              control={form.control}
-              name="duration"
-              key={'duration'}
-              render={({ field }) => (
-                <FormItem className={styles.form_item}>
-                  <FormLabel>
-                    {t(KEY.recruitment_duration)} ({t(KEY.common_minutes)})
-                  </FormLabel>
-                  <FormControl>
-                    <Input
-                      type="number"
-                      {...field}
-                      onChange={(e) => {
-                        const v = e.target.value;
-                        field.onChange(v === '' ? '' : Number.parseInt(v));
-                      }}
-                    />
-                  </FormControl>
-                  <FormMessage />
-                </FormItem>
-              )}
-            />
-          </div>
-          <div className={styles.input_row}>
-            <FormField
-              control={form.control}
-              name="category"
-              key={'category'}
-              render={({ field }) => (
-                <FormItem className={styles.form_item}>
-                  <FormLabel>{t(KEY.category)}</FormLabel>
-                  <FormControl>
-                    <Dropdown
-                      options={eventCategoryOptions}
-                      sortAlphabetic={true}
-                      nullOption={{ label: t(KEY.common_choose) }}
-                      {...field}
-                    />
-                  </FormControl>
-                  <FormMessage />
-                </FormItem>
-              )}
-            />
-            <FormField
-              control={form.control}
-              name="host"
-              key={'host'}
-              render={({ field }) => (
-                <FormItem className={styles.form_item}>
-                  <FormLabel>{t(KEY.admin_organizer)}</FormLabel>
-                  <FormControl>
-                    <Input type="text" {...field} />
-                  </FormControl>
-                  <FormMessage />
-                </FormItem>
-              )}
-            />
-          </div>
-          <div className={styles.input_row}>
-            <FormField
-              control={form.control}
-              name="location"
-              key={'location'}
-              render={({ field }) => {
-                const selected = locationOptions.find((o) => o.value === field.value) ?? null;
-                return (
-                  <FormItem className={styles.form_item}>
-                    <FormLabel>{t(KEY.common_venue)}</FormLabel>
-                    <FormControl>
-                      <Dropdown
-                        sortAlphabetic={true}
-                        options={venues.map((venue) => ({ value: venue.name, label: venue.name }))}
-                        nullOption={{ label: t(KEY.common_choose) }}
-                        {...field}
-                      />
-                    </FormControl>
-                    <FormMessage />
-                  </FormItem>
-                );
-              }}
-            />
-            <FormField
-              control={form.control}
-              name="capacity"
-              key={'capacity'}
-              render={({ field }) => (
-                <FormItem className={styles.form_item}>
-                  <FormLabel>{t(KEY.common_capacity)}</FormLabel>
-                  <FormControl>
-                    <Input
-                      type="number"
-                      {...field}
-                      onChange={(e) => {
-                        const v = e.target.value;
-                        field.onChange(v === '' ? '' : Number.parseInt(v));
-                      }}
-                    />
-                  </FormControl>
-                  <FormMessage />
-                </FormItem>
-              )}
-            />
-          </div>
-        </>
-      ),
-    },
-    // Payment options
-    {
-      key: 'payment',
-      title_nb: 'Betaling/påmelding',
-      title_en: 'Payment/registration',
-      validate: (data) => {
-        return !!data.age_restriction && !!data.ticket_type;
-      },
-      template: (
-        <>
-          <FormField
-            control={form.control}
-            name="age_restriction"
-            key={'age_restriction'}
-            render={({ field }) => (
-              <FormItem className={styles.form_item}>
-                <FormLabel>{t(KEY.common_age_limit)}</FormLabel>
-                <FormControl>
-                  <Dropdown options={ageLimitOptions} nullOption={{ label: t(KEY.common_choose) }} {...field} />
-                </FormControl>
-                <FormMessage />
-              </FormItem>
-            )}
-          />
-
-          <PaymentForm
-            event={form.getValues()}
-            onChange={(partial) => {
-              // Update form values with payment data
-              const updatedValues = { ...form.getValues(), ...partial };
-              form.reset(updatedValues);
-            }}
-          />
-        </>
-      ),
-    },
-    // Graphics.
-    {
-      key: 'graphics',
-      title_nb: 'Grafikk',
-      title_en: 'Graphics',
-      validate: (data) => {
-        return !!data.image;
-      },
-      template: (
-        <FormField
-          control={form.control}
-          name="image"
-          key={'image'}
-          render={({ field }) => (
-            <FormItem className={styles.form_item}>
-              <FormLabel>{t(KEY.common_image)}</FormLabel>
-              <FormControl>
-                <ImagePicker
-                  onSelected={(image) => {
-                    field.onChange(image);
-                  }}
-                  selectedImage={field.value}
-                />
-              </FormControl>
-              <FormMessage />
-            </FormItem>
-          )}
-        />
-      ),
-    },
-    // Summary.
-    {
-      key: 'summary',
-      title_nb: 'Oppsummering',
-      title_en: 'Summary',
-      customIcon: 'ic:outline-remove-red-eye',
-      validate: (data) => {
-        return !!data.visibility_from_dt;
-      },
-      template: (
-        <FormField
-          control={form.control}
-          name="visibility_from_dt"
-          key="visibility_from_dt"
-          render={({ field }) => (
-            <FormItem className={styles.form_item}>
-              <FormLabel>{t(KEY.saksdokumentpage_publication_date) ?? ''}</FormLabel>
-              <FormControl>
-                <Input type="datetime-local" {...field} />
-              </FormControl>
-              <FormMessage />
-            </FormItem>
-          )}
-        />
-      ),
-    },
-  ];
-
   // Editor state.
   const [visitedTabs, setVisitedTabs] = useState<Record<string, boolean>>({});
 
-  // ================================== //
-  //             Save Logic             //
-  // ================================== //
-
-  function onSubmit(values: FormType) {
-    const start = values.start_dt ? new Date(values.start_dt) : null;
-    const computedEndDt = start ? new Date(start?.getTime() + (values.duration ?? 0) * 60_000) : null;
-    const payload: Partial<EventDto> = {
-      ...values,
-      visibility_to_dt: computedEndDt ? computedEndDt.toISOString() : '',
-      end_dt: computedEndDt ? computedEndDt.toISOString() : '',
-    };
-
-    postEvent(payload)
-      .then(() => {
-        navigate({ url: ROUTES.frontend.admin_events });
-        toast.success(t(KEY.common_creation_successful));
-      })
-      .catch((error) => {
-        toast.error(t(KEY.common_something_went_wrong));
-        console.error(JSON.stringify(error.response.data));
-        console.error(`FAIL: ${JSON.stringify(error)}`);
-      });
-  }
-
-  // ================================== //
-  //             Tab Logic              //
-  // ================================== //
-
-  const formTabs: Tab[] = createSteps.map((step: EventCreatorStep) => {
-    // Check step status to get icon and colors
+  const formTabs: Tab[] = steps.map((step: EventCreatorStep) => {
     const custom = step.customIcon !== undefined;
-    let icon = step.customIcon || 'material-symbols:circle-outline';
-    const stepData = form.getValues();
-    const valid = step.validate(stepData) && !custom;
+    const valid = step.validate(watchedValues) && !custom;
+
     const visited = visitedTabs[step.key] === true && !custom;
     const error = !valid && visited && !custom;
 
-    // Update completed steps
-    if (completedSteps[step.key] !== valid) {
-      setCompletedSteps((prev) => ({
-        ...prev,
-        [step.key]: step.validate(stepData),
-      }));
-    }
-
-    if (valid) {
-      icon = 'material-symbols:check-circle';
-    } else if (error) {
-      icon = 'gridicons:cross-circle';
-    }
+    const icon =
+      step.customIcon ||
+      (valid && 'material-symbols:check-circle') ||
+      (error && 'gridicons:cross-circle') ||
+      'material-symbols:circle-outline';
 
-    // Create label
     const label = (
       <div className={styles.tab_label} key={step.key}>
         <Icon
@@ -582,9 +116,33 @@ export function EventCreatorAdminPage() {
         <span>{dbT(step, 'title')}</span>
       </div>
     );
-    return { key: step.key, label: label };
+
+    return { key: step.key, label };
   });
 
+  // ================================== //
+  //             Save Logic             //
+  // ================================== //
+
+  function onSubmit(values: FormType) {
+    let payload: Partial<EventDto> = buildPayload(values);
+
+    if (id && values.image === undefined) {
+      const { image, ...rest } = payload as Partial<EventDto> & { image?: unknown };
+      payload = rest;
+    }
+
+    if (id) {
+      editEventMutation.mutate({ id, payload });
+    } else {
+      createEventMutation.mutate(payload);
+    }
+  }
+
+  // ================================== //
+  //             Tab Logic              //
+  // ================================== //
+
   const [currentFormTab, setFormTab] = useState<Tab>(formTabs[0]);
   const previousTab = usePrevious(currentFormTab);
 
@@ -598,45 +156,8 @@ export function EventCreatorAdminPage() {
     setFormTab(tab);
   }
 
-  // ================================== //
-  //            Event Preview           //
-  // ================================== //
-
   // Ready to save?
-  const allStepsComplete = createSteps.every((step) => step.validate(form.getValues()));
-
-  // Get current form values for preview
-  const formValues = form.getValues();
-
-  // Event preview on final step
-  const eventPreview: ReactNode = (
-    <div className={styles.preview}>
-      <ImageCard
-        title={dbT(formValues, 'title') ?? ''}
-        description={dbT(formValues, 'description_short') ?? ''}
-        imageUrl={formValues.image?.url ? BACKEND_DOMAIN + formValues.image.url : ''}
-        date={formValues.start_dt ?? ''}
-        ticket_type={formValues.ticket_type}
-        host={formValues.host}
-      />
-      {/* Preview Info */}
-      <div className={styles.previewText}>
-        <span>
-          <b>{t(KEY.category)}:</b> {formValues.category ?? t(KEY.common_missing)}
-        </span>
-        <span>
-          <strong>{t(KEY.recruitment_duration)}:</strong>{' '}
-          {formValues.duration ? `${formValues.duration} min` : t(KEY.common_missing)}
-        </span>
-        <span>
-          <b>{t(KEY.admin_organizer)}:</b> {formValues.host ?? t(KEY.common_missing)}
-        </span>
-        <span>
-          <b>{t(KEY.common_venue)}:</b> {formValues.location ?? t(KEY.common_missing)}
-        </span>
-      </div>
-    </div>
-  );
+  const allStepsComplete = steps.every((step) => step.validate(watchedValues));
 
   // ================================== //
   //          Navigation Logic          //
@@ -645,34 +166,40 @@ export function EventCreatorAdminPage() {
   // Move to next/previous tab
   function navigateTabs(delta: number): () => void {
     return () => {
-      const keys = createSteps.map((s) => s.key);
-      const idx = keys.indexOf(currentFormTab.key as string) + delta;
-      if (idx >= 0 && idx < createSteps.length) {
+      const keys = steps.map((s) => s.key);
+      const idx = keys.indexOf(currentFormTab.key as StepKey) + delta;
+      if (idx >= 0 && idx < steps.length) {
         setFormTab(formTabs[idx]);
       }
     };
   }
 
   // Render all forms (some are hidden but not removed to keep values)
-  const currentStep = createSteps.find((step) => step.key === currentFormTab.key);
+  const currentStep = steps.find((step) => step.key === currentFormTab.key);
   const currentStepContent = currentStep ? (
     <>
-      {currentStep.key === 'summary' && eventPreview}
-      {currentStep.template}
+      {currentStep.key === 'summary' && <EventPreviewCard values={watchedValues} />}
+      {stepComponentMap[currentStep.key]}
     </>
   ) : null;
 
+  const onInvalid = (errors: FieldErrors<FormType>) => {
+    toast.error(KEY.event_invalid_form_error);
+    const allVisited: Record<string, boolean> = {};
+    for (const s of steps) allVisited[s.key] = true;
+    setVisitedTabs(allVisited);
+  };
   // Navigation buttons
   const navigationButtons: ReactNode = (
     <div className={styles.button_row}>
-      {currentFormTab.key !== createSteps[0].key ? (
+      {currentFormTab.key !== steps[0].key ? (
         <Button theme="blue" rounded={true} onClick={navigateTabs(-1)}>
           {t(KEY.common_previous)}
         </Button>
       ) : (
         <div />
       )}
-      {currentFormTab.key !== createSteps.slice(-1)[0].key ? (
+      {currentFormTab.key !== steps.slice(-1)[0].key ? (
         <Button theme="blue" rounded={true} onClick={navigateTabs(1)}>
           {t(KEY.common_next)}
         </Button>
@@ -699,7 +226,7 @@ export function EventCreatorAdminPage() {
       <br />
       <div className={styles.form_container}>
         <Form {...form}>
-          <form onSubmit={form.handleSubmit(onSubmit)}>
+          <form onSubmit={form.handleSubmit(onSubmit, onInvalid)}>
             {currentStepContent}
             {navigationButtons}
           </form>
diff --git a/frontend/src/PagesAdmin/EventCreatorAdminPage/components/EventPreviewCard.tsx b/frontend/src/PagesAdmin/EventCreatorAdminPage/components/EventPreviewCard.tsx
new file mode 100644
index 000000000..126833079
--- /dev/null
+++ b/frontend/src/PagesAdmin/EventCreatorAdminPage/components/EventPreviewCard.tsx
@@ -0,0 +1,39 @@
+import { useTranslation } from 'react-i18next';
+import { ImageCard } from '~/Components';
+import { BACKEND_DOMAIN } from '~/constants';
+import { KEY } from '~/i18n/constants';
+import { dbT } from '~/utils';
+import styles from '../EventCreatorAdminPage.module.scss';
+import type { FormType } from '../hooks/useEventCreatorForm';
+
+export function EventPreviewCard({ values }: { values: FormType }) {
+  const { t } = useTranslation();
+  return (
+    <div className={styles.preview}>
+      <ImageCard
+        title={dbT(values, 'title') ?? ''}
+        description={dbT(values, 'description_short') ?? ''}
+        imageUrl={values.image?.url ? BACKEND_DOMAIN + values.image.url : ''}
+        date={values.start_dt ?? ''}
+        ticket_type={values.ticket_type}
+        host={values.host}
+      />
+      {/* Preview Info */}
+      <div className={styles.previewText}>
+        <span>
+          <b>{t(KEY.category)}:</b> {values.category ?? t(KEY.common_missing)}
+        </span>
+        <span>
+          <strong>{t(KEY.recruitment_duration)}:</strong>{' '}
+          {values.duration ? `${values.duration} min` : t(KEY.common_missing)}
+        </span>
+        <span>
+          <b>{t(KEY.admin_organizer)}:</b> {values.host ?? t(KEY.common_missing)}
+        </span>
+        <span>
+          <b>{t(KEY.common_venue)}:</b> {values.location ?? t(KEY.common_missing)}
+        </span>
+      </div>
+    </div>
+  );
+}
diff --git a/frontend/src/PagesAdmin/EventCreatorAdminPage/hooks/useEventCreatorForm.ts b/frontend/src/PagesAdmin/EventCreatorAdminPage/hooks/useEventCreatorForm.ts
new file mode 100644
index 000000000..bc39fa4fd
--- /dev/null
+++ b/frontend/src/PagesAdmin/EventCreatorAdminPage/hooks/useEventCreatorForm.ts
@@ -0,0 +1,103 @@
+import { zodResolver } from '@hookform/resolvers/zod';
+import { useEffect, useMemo } from 'react';
+import { useForm } from 'react-hook-form';
+import type { z } from 'zod';
+
+import type { EventDto, EventWriteDto } from '~/dto';
+import type { EventCategoryValue } from '~/types';
+import { utcTimestampToLocal } from '~/utils';
+import { eventSchema } from '../EventCreatorSchema';
+
+export type FormType = z.infer<typeof eventSchema>;
+
+function computeDurationMinutes(startIso?: string, endIso?: string) {
+  if (!startIso || !endIso) return 0;
+  return Math.round((new Date(endIso).getTime() - new Date(startIso).getTime()) / 60000);
+}
+
+export function useEventCreatorForm(params: {
+  event?: Partial<EventDto>;
+  defaultCategory: EventCategoryValue;
+  defaultLocation: string;
+}) {
+  // TODO: remove defaults since we set them to undefined now
+  const { event, defaultCategory, defaultLocation } = params;
+
+  // Setup React Hook Form
+  const form = useForm<FormType>({
+    resolver: zodResolver(eventSchema),
+    mode: 'onChange',
+    defaultValues: {
+      title_nb: '',
+      title_en: '',
+      description_long_nb: '',
+      description_long_en: '',
+      description_short_nb: '',
+      description_short_en: '',
+      start_dt: '',
+      duration: undefined,
+      end_dt: '',
+      category: undefined,
+      host: '',
+      location: undefined,
+      capacity: undefined,
+      age_restriction: 'none',
+      ticket_type: 'free',
+      custom_tickets: [],
+      billig_id: undefined,
+      image: undefined,
+      visibility_from_dt: '',
+      visibility_to_dt: '',
+    },
+  });
+
+  const resetValues = useMemo<FormType | undefined>(() => {
+    if (!event?.id) return undefined;
+
+    const duration = computeDurationMinutes(event.start_dt, event.end_dt);
+
+    return {
+      title_nb: event.title_nb || '',
+      title_en: event.title_en || '',
+      description_long_nb: event.description_long_nb || '',
+      description_long_en: event.description_long_en || '',
+      description_short_nb: event.description_short_nb || '',
+      description_short_en: event.description_short_en || '',
+      start_dt: event.start_dt ? utcTimestampToLocal(event.start_dt, false) : '',
+      duration: duration || undefined,
+      end_dt: event.end_dt ? utcTimestampToLocal(event.end_dt, false) : '',
+      category: event.category || defaultCategory,
+      host: event.host || '',
+      location: event.location || defaultLocation,
+      capacity: event.capacity || undefined,
+      age_restriction: event.age_restriction || 'none',
+      ticket_type: event.ticket_type || 'free',
+      custom_tickets: event.custom_tickets || [],
+      billig_id: event.billig?.id,
+      image: event.image ?? undefined,
+      visibility_from_dt: event.visibility_from_dt ? utcTimestampToLocal(event.visibility_from_dt, false) : '',
+      visibility_to_dt: event.visibility_to_dt ? utcTimestampToLocal(event.visibility_to_dt, false) : '',
+    };
+  }, [event, defaultCategory, defaultLocation]);
+
+  useEffect(() => {
+    if (!resetValues) return;
+    form.reset(resetValues);
+  }, [form, resetValues]);
+
+  const watchedValues = form.watch();
+
+  function buildPayload(values: FormType): EventWriteDto {
+    const start = values.start_dt ? new Date(values.start_dt) : null;
+    const computedEndDt = start ? new Date(start?.getTime() + (values.duration ?? 0) * 60_000) : null;
+
+    return {
+      ...values,
+      visibility_to_dt: computedEndDt ? computedEndDt.toISOString() : '',
+      end_dt: computedEndDt ? computedEndDt.toISOString() : '',
+      image_id: values.image?.id,
+    };
+  }
+
+  return { form, watchedValues, buildPayload };
+}
diff --git a/frontend/src/PagesAdmin/EventCreatorAdminPage/hooks/useEventMutations.ts b/frontend/src/PagesAdmin/EventCreatorAdminPage/hooks/useEventMutations.ts
new file mode 100644
index 000000000..8555a22a8
--- /dev/null
+++ b/frontend/src/PagesAdmin/EventCreatorAdminPage/hooks/useEventMutations.ts
@@ -0,0 +1,45 @@
+import { useMutation } from '@tanstack/react-query';
+import { useTranslation } from 'react-i18next';
+import { toast } from 'react-toastify';
+import { postEvent, putEvent } from '~/api';
+import type { EventWriteDto } from '~/dto';
+import { useCustomNavigate } from '~/hooks';
+import { KEY } from '~/i18n/constants';
+import { ROUTES } from '~/routes';
+
+type UpdateEventInput = {
+  id: number | string;
+  payload: Partial<EventWriteDto>;
+};
+
+export function useEventMutations() {
+  const { t } = useTranslation();
+  const navigate = useCustomNavigate();
+
+  const createEventMutation = useMutation({
+    mutationFn: postEvent,
+    onSuccess: () => {
+      navigate({ url: ROUTES.frontend.admin_events });
+      toast.success(t(KEY.common_creation_successful));
+    },
+    onError: () => {
+      toast.error(t(KEY.common_something_went_wrong));
+    },
+  });
+
+  const editEventMutation = useMutation({
+    mutationFn: (data: UpdateEventInput) => putEvent(data.id, data.payload),
+    onSuccess: () => {
+      navigate({ url: ROUTES.frontend.admin_events });
+      toast.success(t(KEY.common_save_successful));
+    },
+    onError: () => {
+      toast.error(t(KEY.common_something_went_wrong));
+    },
+  });
+
+  return {
+    createEventMutation,
+    editEventMutation,
+  };
+}
diff --git a/frontend/src/PagesAdmin/EventCreatorAdminPage/steps/GraphicsStep.tsx b/frontend/src/PagesAdmin/EventCreatorAdminPage/steps/GraphicsStep.tsx
new file mode 100644
index 000000000..2355cbd42
--- /dev/null
+++ b/frontend/src/PagesAdmin/EventCreatorAdminPage/steps/GraphicsStep.tsx
@@ -0,0 +1,35 @@
+import type { UseFormReturn } from 'react-hook-form';
+import { useTranslation } from 'react-i18next';
+import { FormControl, FormField, FormItem, FormLabel, FormMessage } from '~/Components';
+import { ImagePicker } from '~/Components/ImagePicker/ImagePicker';
+import { KEY } from '~/i18n/constants';
+import styles from '../EventCreatorAdminPage.module.scss';
+import type { FormType } from '../hooks/useEventCreatorForm';
+
+export function GraphicsStep({ form }: { form: UseFormReturn<FormType> }) {
+  const { t } = useTranslation();
+
+  return (
+    <FormField
+      control={form.control}
+      name="image"
+      key={'image'}
+      render={({ field }) => (
+        <FormItem className={styles.form_item}>
+          <FormLabel>{t(KEY.common_image)}</FormLabel>
+          <FormControl>
+            <div>
+              <ImagePicker
+                onSelected={(image) => {
+                  field.onChange(image);
+                }}
+                selectedImage={field.value}
+              />
+            </div>
+          </FormControl>
+          <FormMessage />
+        </FormItem>
+      )}
+    />
+  );
+}
diff --git a/frontend/src/PagesAdmin/EventCreatorAdminPage/steps/InfoStep.tsx b/frontend/src/PagesAdmin/EventCreatorAdminPage/steps/InfoStep.tsx
new file mode 100644
index 000000000..ef2079725
--- /dev/null
+++ b/frontend/src/PagesAdmin/EventCreatorAdminPage/steps/InfoStep.tsx
@@ -0,0 +1,156 @@
+import { useMemo } from 'react';
+import type { UseFormReturn } from 'react-hook-form';
+import { useTranslation } from 'react-i18next';
+
+import { Dropdown, FormControl, FormField, FormItem, FormLabel, FormMessage, Input } from '~/Components';
+
+import { useQuery } from '@tanstack/react-query';
+import type { DropdownOption } from '~/Components/Dropdown/Dropdown';
+import { getVenues } from '~/api';
+import { KEY } from '~/i18n/constants';
+import { venueKeys } from '~/queryKeys';
+import type { EventCategoryValue } from '~/types';
+import styles from '../EventCreatorAdminPage.module.scss';
+import type { FormType } from '../hooks/useEventCreatorForm';
+
+type Props = {
+  form: UseFormReturn<FormType>;
+  eventCategoryOptions: DropdownOption<EventCategoryValue>[];
+  locationOptions: DropdownOption<string>[];
+};
+
+export function InfoStep({ form, eventCategoryOptions, locationOptions }: Props) {
+  const { t } = useTranslation();
+
+  const venueOptions = useMemo(() => locationOptions, [locationOptions]);
+  const { data: venues = [] } = useQuery({
+    queryKey: venueKeys.all,
+    queryFn: getVenues,
+  });
+
+  return (
+    <>
+      <div className={styles.input_row}>
+        <FormField
+          control={form.control}
+          name="start_dt"
+          key={'start_dt'}
+          render={({ field }) => (
+            <FormItem className={styles.form_item}>
+              <FormLabel>
+                {t(KEY.common_date)} & {t(KEY.common_time)}
+              </FormLabel>
+              <FormControl>
+                <Input type="datetime-local" {...field} />
+              </FormControl>
+              <FormMessage />
+            </FormItem>
+          )}
+        />
+        <FormField
+          control={form.control}
+          name="duration"
+          key={'duration'}
+          render={({ field }) => (
+            <FormItem className={styles.form_item}>
+              <FormLabel>
+                {t(KEY.recruitment_duration)} ({t(KEY.common_minutes)})
+              </FormLabel>
+              <FormControl>
+                <Input
+                  type="number"
+                  {...field}
+                  onChange={(e) => {
+                    const v = e.target.value;
+                    field.onChange(v === '' ? '' : Number.parseInt(v));
+                  }}
+                />
+              </FormControl>
+              <FormMessage />
+            </FormItem>
+          )}
+        />
+      </div>
+      <div className={styles.input_row}>
+        <FormField
+          control={form.control}
+          name="category"
+          key={'category'}
+          render={({ field }) => (
+            <FormItem className={styles.form_item}>
+              <FormLabel>{t(KEY.category)}</FormLabel>
+              <FormControl>
+                <Dropdown
+                  options={eventCategoryOptions}
+                  sortAlphabetic={true}
+                  nullOption={{ label: t(KEY.common_choose) }}
+                  {...field}
+                />
+              </FormControl>
+              <FormMessage />
+            </FormItem>
+          )}
+        />
+        <FormField
+          control={form.control}
+          name="host"
+          key={'host'}
+          render={({ field }) => (
+            <FormItem className={styles.form_item}>
+              <FormLabel>{t(KEY.admin_organizer)}</FormLabel>
+              <FormControl>
+                <Input type="text" {...field} />
+              </FormControl>
+              <FormMessage />
+            </FormItem>
+          )}
+        />
+      </div>
+      <div className={styles.input_row}>
+        <FormField
+          control={form.control}
+          name="location"
+          key={'location'}
+          render={({ field }) => {
+            const selected = locationOptions.find((o) => o.value === field.value) ?? null;
+            return (
+              <FormItem className={styles.form_item}>
+                <FormLabel>{t(KEY.common_venue)}</FormLabel>
+                <FormControl>
+                  <Dropdown
+                    sortAlphabetic={true}
+                    options={venues.map((venue) => ({ value: venue.name, label: venue.name }))}
+                    nullOption={{ label: t(KEY.common_choose) }}
+                    {...field}
+                  />
+                </FormControl>
+                <FormMessage />
+              </FormItem>
+            );
+          }}
+        />
+        <FormField
+          control={form.control}
+          name="capacity"
+          key={'capacity'}
+          render={({ field }) => (
+            <FormItem className={styles.form_item}>
+              <FormLabel>{t(KEY.common_capacity)}</FormLabel>
+              <FormControl>
+                <Input
+                  type="number"
+                  {...field}
+                  onChange={(e) => {
+                    const v = e.target.value;
+                    field.onChange(v === '' ? '' : Number.parseInt(v));
+                  }}
+                />
+              </FormControl>
+              <FormMessage />
+            </FormItem>
+          )}
+        />
+      </div>
+    </>
+  );
+}
diff --git a/frontend/src/PagesAdmin/EventCreatorAdminPage/steps/PaymentStep.tsx b/frontend/src/PagesAdmin/EventCreatorAdminPage/steps/PaymentStep.tsx
new file mode 100644
index 000000000..7842c1fd9
--- /dev/null
+++ b/frontend/src/PagesAdmin/EventCreatorAdminPage/steps/PaymentStep.tsx
@@ -0,0 +1,49 @@
+import type { UseFormReturn } from 'react-hook-form';
+import { useTranslation } from 'react-i18next';
+
+import { Dropdown, FormControl, FormField, FormItem, FormLabel, FormMessage } from '~/Components';
+
+import type { DropdownOption } from '~/Components/Dropdown/Dropdown';
+import { KEY } from '~/i18n/constants';
+import type { EventAgeRestrictionValue } from '~/types';
+import styles from '../EventCreatorAdminPage.module.scss';
+import type { FormType } from '../hooks/useEventCreatorForm';
+
+import { PaymentForm } from '../components/PaymentForm';
+
+type Props = {
+  form: UseFormReturn<FormType>;
+  ageLimitOptions: DropdownOption<EventAgeRestrictionValue>[];
+};
+
+export function PaymentStep({ form, ageLimitOptions }: Props) {
+  const { t } = useTranslation();
+
+  return (
+    <>
+      <FormField
+        control={form.control}
+        name="age_restriction"
+        key={'age_restriction'}
+        render={({ field }) => (
+          <FormItem className={styles.form_item}>
+            <FormLabel>{t(KEY.common_age_limit)}</FormLabel>
+            <FormControl>
+              <Dropdown options={ageLimitOptions} nullOption={{ label: t(KEY.common_choose) }} {...field} />
+            </FormControl>
+            <FormMessage />
+          </FormItem>
+        )}
+      />
+
+      <PaymentForm
+        event={form.getValues()}
+        onChange={(partial) => {
+          // Update form values with payment data
+          const updatedValues = { ...form.getValues(), ...partial };
+          form.reset(updatedValues);
+        }}
+      />
+    </>
+  );
+}
diff --git a/frontend/src/PagesAdmin/EventCreatorAdminPage/steps/SummaryStep.tsx b/frontend/src/PagesAdmin/EventCreatorAdminPage/steps/SummaryStep.tsx
new file mode 100644
index 000000000..3f95cc438
--- /dev/null
+++ b/frontend/src/PagesAdmin/EventCreatorAdminPage/steps/SummaryStep.tsx
@@ -0,0 +1,27 @@
+import type { UseFormReturn } from 'react-hook-form';
+import { useTranslation } from 'react-i18next';
+import { FormControl, FormField, FormItem, FormLabel, FormMessage, Input } from '~/Components';
+import { KEY } from '~/i18n/constants';
+import styles from '../EventCreatorAdminPage.module.scss';
+import type { FormType } from '../hooks/useEventCreatorForm';
+
+export function SummaryStep({ form }: { form: UseFormReturn<FormType> }) {
+  const { t } = useTranslation();
+
+  return (
+    <FormField
+      control={form.control}
+      name="visibility_from_dt"
+      key="visibility_from_dt"
+      render={({ field }) => (
+        <FormItem className={styles.form_item}>
+          <FormLabel>{t(KEY.saksdokumentpage_publication_date) ?? ''}</FormLabel>
+          <FormControl>
+            <Input type="datetime-local" {...field} />
+          </FormControl>
+          <FormMessage />
+        </FormItem>
+      )}
+    />
+  );
+}
diff --git a/frontend/src/PagesAdmin/EventCreatorAdminPage/steps/TextStep.tsx b/frontend/src/PagesAdmin/EventCreatorAdminPage/steps/TextStep.tsx
new file mode 100644
index 000000000..7545f6e47
--- /dev/null
+++ b/frontend/src/PagesAdmin/EventCreatorAdminPage/steps/TextStep.tsx
@@ -0,0 +1,117 @@
+import type { UseFormReturn } from 'react-hook-form';
+import { useTranslation } from 'react-i18next';
+import { FormControl, FormField, FormItem, FormLabel, FormMessage, Input, Textarea } from '~/Components';
+import { KEY } from '~/i18n/constants';
+import styles from '../EventCreatorAdminPage.module.scss';
+import type { FormType } from '../hooks/useEventCreatorForm';
+
+export function TextStep({ form }: { form: UseFormReturn<FormType> }) {
+  const { t } = useTranslation();
+
+  return (
+    <>
+      <div className={styles.input_row}>
+        <FormField
+          key="title_nb"
+          control={form.control}
+          name="title_nb"
+          render={({ field }) => (
+            <FormItem className={styles.form_item}>
+              <FormLabel>
+                {t(KEY.common_title)} ({t(KEY.common_norwegian)})
+              </FormLabel>
+              <FormControl>
+                <Input type="text" {...field} />
+              </FormControl>
+              <FormMessage />
+            </FormItem>
+          )}
+        />
+        <FormField
+          control={form.control}
+          name="title_en"
+          key={'title_en'}
+          render={({ field }) => (
+            <FormItem className={styles.form_item}>
+              <FormLabel>
+                {t(KEY.common_title)} ({t(KEY.common_english)})
+              </FormLabel>
+              <FormControl>
+                <Input type="text" {...field} />
+              </FormControl>
+              <FormMessage />
+            </FormItem>
+          )}
+        />
+      </div>
+      <div className={styles.input_row}>
+        <FormField
+          control={form.control}
+          name="description_short_nb"
+          key={'description_short_nb'}
+          render={({ field }) => (
+            <FormItem className={styles.form_item}>
+              <FormLabel>
+                {t(KEY.common_short_description)} ({t(KEY.common_norwegian)})
+              </FormLabel>
+              <FormControl>
+                <Input type="text" {...field} />
+              </FormControl>
+              <FormMessage />
+            </FormItem>
+          )}
+        />
+        <FormField
+          control={form.control}
+          name="description_short_en"
+          key={'description_short_en'}
+          render={({ field }) => (
+            <FormItem className={styles.form_item}>
+              <FormLabel>
+                {t(KEY.common_short_description)} ({t(KEY.common_english)})
+              </FormLabel>
+              <FormControl>
+                <Input type="text" {...field} />
+              </FormControl>
+              <FormMessage />
+            </FormItem>
+          )}
+        />
+      </div>
+      <div className={styles.input_row}>
+        <FormField
+          control={form.control}
+          name="description_long_nb"
+          key={'description_long_nb'}
+          render={({ field }) => (
+            <FormItem className={styles.form_item}>
+              <FormLabel>
+                {t(KEY.common_long_description)} ({t(KEY.common_norwegian)})
+              </FormLabel>
+              <FormControl>
+                <Textarea className="textarea" {...field} rows={8} />
+              </FormControl>
+              <FormMessage />
+            </FormItem>
+          )}
+        />
+        <FormField
+          control={form.control}
+          name="description_long_en"
+          key={'description_long_en'}
+          render={({ field }) => (
+            <FormItem className={styles.form_item}>
+              <FormLabel>
+                {t(KEY.common_long_description)} ({t(KEY.common_english)})
+              </FormLabel>
+              <FormControl>
+                <Textarea className="textarea" {...field} rows={8} />
+              </FormControl>
+              <FormMessage />
+            </FormItem>
+          )}
+        />
+      </div>
+    </>
+  );
+}
diff --git a/frontend/src/PagesAdmin/EventCreatorAdminPage/steps/stepConfig.ts b/frontend/src/PagesAdmin/EventCreatorAdminPage/steps/stepConfig.ts
new file mode 100644
index 000000000..e5027cbde
--- /dev/null
+++ b/frontend/src/PagesAdmin/EventCreatorAdminPage/steps/stepConfig.ts
@@ -0,0 +1,64 @@
+import type { FormType } from '../hooks/useEventCreatorForm';
+
+export type StepKey = 'text' | 'info' | 'payment' | 'graphics' | 'summary';
+
+export type EventCreatorStep = {
+  key: StepKey;
+  title_nb: string;
+  title_en: string;
+  customIcon?: string;
+  validate: (data: FormType) => boolean;
+};
+
+export const steps: EventCreatorStep[] = [
+  {
+    key: 'text',
+    title_nb: 'Tittel/beskrivelse',
+    title_en: 'Text & description',
+    validate: (d) =>
+      !!(
+        d.title_nb &&
+        d.title_en &&
+        d.description_short_nb &&
+        d.description_short_en &&
+        d.description_long_nb &&
+        d.description_long_en
+      ),
+  },
+  {
+    key: 'info',
+    title_nb: 'Dato og informasjon',
+    title_en: 'Date & info',
+    validate: (d) => {
+      return !!(
+        d.start_dt &&
+        d.duration !== undefined &&
+        d.duration > 0 &&
+        d.category &&
+        d.host &&
+        d.location &&
+        d.capacity !== undefined &&
+        d.capacity > 0
+      );
+    },
+  },
+  {
+    key: 'payment',
+    title_nb: 'Betaling/påmelding',
+    title_en: 'Payment/registration',
+    validate: (d) => !!d.age_restriction && !!d.ticket_type,
+  },
+  {
+    key: 'graphics',
+    title_nb: 'Grafikk',
+    title_en: 'Graphics',
+    validate: (d) => !!d.image,
+  },
+  {
+    key: 'summary',
+    title_nb: 'Oppsummering',
+    title_en: 'Summary',
+    customIcon: 'ic:outline-remove-red-eye',
+    validate: (d) => !!d.visibility_from_dt,
+  },
+];
diff --git a/frontend/src/api.ts b/frontend/src/api.ts
index b156d9cd3..95e4a75ac 100644
--- a/frontend/src/api.ts
+++ b/frontend/src/api.ts
@@ -3,6 +3,7 @@ import type {
   ClosedPeriodDto,
   EventDto,
   EventGroupDto,
+  EventWriteDto,
   FeedbackDto,
   FoodCategoryDto,
   FoodPreferenceDto,
@@ -313,14 +314,13 @@ export async function getEvents(): Promise<EventDto[]> {
   return response.data;
 }
 
-export async function postEvent(data: Partial<EventDto>): Promise<AxiosResponse<EventDto>> {
-  const transformed = { ...data, image_id: data.image?.id };
+export async function postEvent(data: Partial<EventWriteDto>): Promise<AxiosResponse<EventDto>> {
   const url = BACKEND_DOMAIN + ROUTES.backend.samfundet__events_list;
-  const response = await axios.post<EventDto>(url, transformed, { withCredentials: true });
+  const response = await axios.post<EventDto>(url, data, { withCredentials: true });
   return response;
 }
 
-export async function putEvent(id: string | number, data: Partial<EventDto>): Promise<AxiosResponse<EventDto>> {
+export async function putEvent(id: string | number, data: Partial<EventWriteDto>): Promise<AxiosResponse<EventDto>> {
   const url = BACKEND_DOMAIN + reverse({ pattern: ROUTES.backend.samfundet__events_detail, urlParams: { pk: id } });
   const response = await axios.put<EventDto>(url, data, { withCredentials: true });
   return response;
diff --git a/frontend/src/dto.ts b/frontend/src/dto.ts
index 4ecd509da..41d555090 100644
--- a/frontend/src/dto.ts
+++ b/frontend/src/dto.ts
@@ -154,48 +154,68 @@ export type EventCustomTicketDto = {
 };
 
 export type EventDto = {
-  // Status of event
+  id: number;
   status: EventStatus;
-
-  // Used to group recurring events together
   event_group: EventGroupDto;
 
-  // General info
-  id: number;
   title_nb: string;
   title_en: string;
   description_long_nb: string;
   description_long_en: string;
   description_short_nb: string;
   description_short_en: string;
+
   age_restriction: EventAgeRestrictionValue;
   location: string;
   category: EventCategoryValue;
   host: string;
+
   billig?: BilligEventDto;
   numberOfTickets?: number;
-
   registration_url?: string;
 
-  // Timestamps/duration
-  image_url: string;
   start_dt: string;
-  duration: number;
   end_dt: string;
   visibility_from_dt: string;
   visibility_to_dt: string;
   doors_time?: string;
+  duration: number;
 
-  // Ticket type for event (billig, free, custom, registration etc.)
   ticket_type: EventTicketTypeValue;
-
-  // Custom tickets (only relevant for custom price group events)
   custom_tickets: EventCustomTicketDto[];
 
-  // Write only:
-  // Used to create new event with using id of existing imagedto
   image?: ImageDto;
+  image_url: string;
+
+  capacity?: number;
+};
+
+export type EventWriteDto = {
+  title_nb: string;
+  title_en: string;
+  description_long_nb: string;
+  description_long_en: string;
+  description_short_nb: string;
+  description_short_en: string;
+
+  age_restriction: EventAgeRestrictionValue;
+  location: string;
+  category: EventCategoryValue;
+  host: string;
+
+  registration_url?: string;
+
+  start_dt: string;
+  end_dt: string;
+  visibility_from_dt: string;
+  visibility_to_dt: string;
+
+  ticket_type: EventTicketTypeValue;
+  custom_tickets?: EventCustomTicketDto[];
+
+  image_id?: number;
   capacity?: number;
+  billig_id?: number;
 };
 
 export type EventGroupDto = {
diff --git a/frontend/src/i18n/constants.ts b/frontend/src/i18n/constants.ts
index 215dba196..39fb5c7cd 100644
--- a/frontend/src/i18n/constants.ts
+++ b/frontend/src/i18n/constants.ts
@@ -288,6 +288,7 @@ export const KEY = {
   // EventPage:
   event_registration_url: 'event_registration_url',
   event_add_ticket: 'event_add_ticket',
+  event_invalid_form_error: 'event_invalid_form_error',
 
   // Purchase Ticket Info:
   invalid_email_message: 'invalid_email_message',
diff --git a/frontend/src/i18n/translations.ts b/frontend/src/i18n/translations.ts
index ea44e45f3..bd9bca813 100644
--- a/frontend/src/i18n/translations.ts
+++ b/frontend/src/i18n/translations.ts
@@ -277,6 +277,7 @@ export const nb = prepareTranslations({
   // EventPage:
   [KEY.event_registration_url]: 'Registreringslenke',
   [KEY.event_add_ticket]: 'Legg til billett',
+  [KEY.event_invalid_form_error]: 'Skjemaet inneholder valideringsfeil. Vennligst sjekk de uthevede feltene.',
 
   // Event categories
   [KEY.event_category_art]: 'Kunst',
@@ -1000,6 +1001,7 @@ export const en = prepareTranslations({
   // EventPage:
   [KEY.event_registration_url]: 'Registration URL',
   [KEY.event_add_ticket]: 'Add ticket',
+  [KEY.event_invalid_form_error]: 'Form contains validation errors. Please check highlighted fields.',
 
   //Purchase Ticket Info:
   [KEY.invalid_email_message]: 'Invalid email format',
diff --git a/frontend/src/schema/event.ts b/frontend/src/schema/event.ts
index 5f9fdec75..f513fd153 100644
--- a/frontend/src/schema/event.ts
+++ b/frontend/src/schema/event.ts
@@ -7,7 +7,7 @@ export const EVENT_TITLE = z.string().min(1, { message: KEY.event_form_title_req
 export const EVENT_DESCRIPTION_LONG = z.string().min(1, { message: KEY.event_form_description_long_required });
 export const EVENT_DESCRIPTION_SHORT = z.string().min(1, { message: KEY.event_form_description_short_required });
 export const EVENT_START_DT = z.string().min(1, { message: KEY.event_form_start_dt_required });
-export const EVENT_DURATION = z.number().min(1, { message: KEY.event_form_duration_min });
+export const EVENT_DURATION = z.number().min(1, { message: KEY.event_form_duration_min }).optional();
 export const EVENT_END_DT = z.string().optional();
 export const EVENT_HOST = z.string().min(1, { message: KEY.event_form_host_required });
 export const EVENT_LOCATION = z.string().min(1, { message: KEY.event_form_location_required });
diff --git a/frontend/src/schema/samfImage.ts b/frontend/src/schema/samfImage.ts
index ab2dbf8ca..93d0ac1b5 100644
--- a/frontend/src/schema/samfImage.ts
+++ b/frontend/src/schema/samfImage.ts
@@ -4,11 +4,13 @@ export const TAG = z.object({ name: z.string(), color: z.string(), id: z.number(
 
 export const OPTIONAL_TAG = TAG.optional();
 
-export const IMAGE = z.object({
-  url: z.string(),
-  id: z.number(),
-  title: z.string(),
-  tags: z.array(TAG),
-});
+export const IMAGE = z
+  .object({
+    url: z.string(),
+    id: z.number(),
+    title: z.string(),
+    tags: z.array(z.any()).default([]),
+  })
+  .passthrough();
 
 export const OPTIONAL_IMAGE = IMAGE.optional();

From dea2aa367c5244a7482167ad0586d93b5338e01e Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Sun, 29 Mar 2026 17:24:51 +0200
Subject: [PATCH 55/79] Bump picomatch from 2.3.1 to 2.3.2 in /frontend (#2121)

Bumps [picomatch](https://github.com/micromatch/picomatch) from 2.3.1 to 2.3.2.
- [Release notes](https://github.com/micromatch/picomatch/releases)
- [Changelog](https://github.com/micromatch/picomatch/blob/master/CHANGELOG.md)
- [Commits](https://github.com/micromatch/picomatch/compare/2.3.1...2.3.2)

---
updated-dependencies:
- dependency-name: picomatch
  dependency-version: 2.3.2
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
---
 frontend/yarn.lock | 15 ++++-----------
 1 file changed, 4 insertions(+), 11 deletions(-)

diff --git a/frontend/yarn.lock b/frontend/yarn.lock
index 7de31e5f7..c37c19df1 100644
--- a/frontend/yarn.lock
+++ b/frontend/yarn.lock
@@ -6806,20 +6806,13 @@ __metadata:
   linkType: hard
 
 "picomatch@npm:^2.0.4, picomatch@npm:^2.2.1, picomatch@npm:^2.3.1":
-  version: 2.3.1
-  resolution: "picomatch@npm:2.3.1"
-  checksum: 10c0/26c02b8d06f03206fc2ab8d16f19960f2ff9e81a658f831ecb656d8f17d9edc799e8364b1f4a7873e89d9702dff96204be0fa26fe4181f6843f040f819dac4be
-  languageName: node
-  linkType: hard
-
-"picomatch@npm:^4.0.2":
-  version: 4.0.2
-  resolution: "picomatch@npm:4.0.2"
-  checksum: 10c0/7c51f3ad2bb42c776f49ebf964c644958158be30d0a510efd5a395e8d49cb5acfed5b82c0c5b365523ce18e6ab85013c9ebe574f60305892ec3fa8eee8304ccc
+  version: 2.3.2
+  resolution: "picomatch@npm:2.3.2"
+  checksum: 10c0/a554d1709e59be97d1acb9eaedbbc700a5c03dbd4579807baed95100b00420bc729335440ef15004ae2378984e2487a7c1cebd743cfdb72b6fa9ab69223c0d61
   languageName: node
   linkType: hard
 
-"picomatch@npm:^4.0.3":
+"picomatch@npm:^4.0.2, picomatch@npm:^4.0.3":
   version: 4.0.3
   resolution: "picomatch@npm:4.0.3"
   checksum: 10c0/9582c951e95eebee5434f59e426cddd228a7b97a0161a375aed4be244bd3fe8e3a31b846808ea14ef2c8a2527a6eeab7b3946a67d5979e81694654f939473ae2

From a10a05ea5f3fcd2e4c830ab92cc2c280800731bb Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Sun, 29 Mar 2026 17:27:21 +0200
Subject: [PATCH 56/79] Bump requests from 2.32.5 to 2.33.0 in /backend (#2122)

Bumps [requests](https://github.com/psf/requests) from 2.32.5 to 2.33.0.
- [Release notes](https://github.com/psf/requests/releases)
- [Changelog](https://github.com/psf/requests/blob/main/HISTORY.md)
- [Commits](https://github.com/psf/requests/compare/v2.32.5...v2.33.0)

---
updated-dependencies:
- dependency-name: requests
  dependency-version: 2.33.0
  dependency-type: direct:development
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
---
 backend/poetry.lock | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/backend/poetry.lock b/backend/poetry.lock
index cd110ee74..8ea855d26 100644
--- a/backend/poetry.lock
+++ b/backend/poetry.lock
@@ -1065,25 +1065,26 @@ typing-extensions = {version = ">=4.4.0", markers = "python_version < \"3.13\""}
 
 [[package]]
 name = "requests"
-version = "2.32.5"
+version = "2.33.0"
 description = "Python HTTP for Humans."
 optional = false
-python-versions = ">=3.9"
+python-versions = ">=3.10"
 groups = ["dev"]
 files = [
-    {file = "requests-2.32.5-py3-none-any.whl", hash = "sha256:2462f94637a34fd532264295e186976db0f5d453d1cdd31473c85a6a161affb6"},
-    {file = "requests-2.32.5.tar.gz", hash = "sha256:dbba0bac56e100853db0ea71b82b4dfd5fe2bf6d3754a8893c3af500cec7d7cf"},
+    {file = "requests-2.33.0-py3-none-any.whl", hash = "sha256:3324635456fa185245e24865e810cecec7b4caf933d7eb133dcde67d48cee69b"},
+    {file = "requests-2.33.0.tar.gz", hash = "sha256:c7ebc5e8b0f21837386ad0e1c8fe8b829fa5f544d8df3b2253bff14ef29d7652"},
 ]
 
 [package.dependencies]
-certifi = ">=2017.4.17"
+certifi = ">=2023.5.7"
 charset_normalizer = ">=2,<4"
 idna = ">=2.5,<4"
-urllib3 = ">=1.21.1,<3"
+urllib3 = ">=1.26,<3"
 
 [package.extras]
 socks = ["PySocks (>=1.5.6,!=1.5.7)"]
-use-chardet-on-py3 = ["chardet (>=3.0.2,<6)"]
+test = ["PySocks (>=1.5.6,!=1.5.7)", "pytest (>=3)", "pytest-cov", "pytest-httpbin (==2.1.0)", "pytest-mock", "pytest-xdist"]
+use-chardet-on-py3 = ["chardet (>=3.0.2,<8)"]
 
 [[package]]
 name = "rich"

From 4d4730fd9abaaf38161c1fbc2bccdaa92919b536 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Sun, 29 Mar 2026 17:30:26 +0200
Subject: [PATCH 57/79] Bump path-to-regexp from 8.2.0 to 8.4.0 in /frontend
 (#2123)

Bumps [path-to-regexp](https://github.com/pillarjs/path-to-regexp) from 8.2.0 to 8.4.0.
- [Release notes](https://github.com/pillarjs/path-to-regexp/releases)
- [Changelog](https://github.com/pillarjs/path-to-regexp/blob/master/History.md)
- [Commits](https://github.com/pillarjs/path-to-regexp/compare/v8.2.0...v8.4.0)

---
updated-dependencies:
- dependency-name: path-to-regexp
  dependency-version: 8.4.0
  dependency-type: direct:production
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
---
 frontend/package.json |  2 +-
 frontend/yarn.lock    | 10 +++++-----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/frontend/package.json b/frontend/package.json
index 5baab813d..630d9f1ac 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -55,7 +55,7 @@
     "i18next": "^25.8.5",
     "i18next-browser-languagedetector": "^8.0.4",
     "path": "^0.12.7",
-    "path-to-regexp": "^8.0.0",
+    "path-to-regexp": "^8.4.0",
     "postcss": "^8.4.31",
     "react": "^18.2.0",
     "react-cookie": "^6.1.1",
diff --git a/frontend/yarn.lock b/frontend/yarn.lock
index c37c19df1..56c2bd005 100644
--- a/frontend/yarn.lock
+++ b/frontend/yarn.lock
@@ -4648,7 +4648,7 @@ __metadata:
     i18next: "npm:^25.8.5"
     i18next-browser-languagedetector: "npm:^8.0.4"
     path: "npm:^0.12.7"
-    path-to-regexp: "npm:^8.0.0"
+    path-to-regexp: "npm:^8.4.0"
     postcss: "npm:^8.4.31"
     prop-types: "npm:^15.8.1"
     react: "npm:^18.2.0"
@@ -6746,10 +6746,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"path-to-regexp@npm:^8.0.0":
-  version: 8.2.0
-  resolution: "path-to-regexp@npm:8.2.0"
-  checksum: 10c0/ef7d0a887b603c0a142fad16ccebdcdc42910f0b14830517c724466ad676107476bba2fe9fffd28fd4c141391ccd42ea426f32bb44c2c82ecaefe10c37b90f5a
+"path-to-regexp@npm:^8.4.0":
+  version: 8.4.0
+  resolution: "path-to-regexp@npm:8.4.0"
+  checksum: 10c0/171a540aed2a5dff3da6e7584f263ae65d868daea382ea3bd1ddeb828912661133d5a94fce83bd3125f0799df8dfd4924b270e2987a31930901cfd94ae164b45
   languageName: node
   linkType: hard
 

From 66dc9c41df97fa9fd24a73c970bdebc62f68e149 Mon Sep 17 00:00:00 2001
From: Robin <16273164+robines@users.noreply.github.com>
Date: Sun, 29 Mar 2026 17:31:00 +0200
Subject: [PATCH 58/79] Only show public events on homepage (#2116)

---
 backend/samfundet/homepage/homepage.py | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/backend/samfundet/homepage/homepage.py b/backend/samfundet/homepage/homepage.py
index 1f4fa3854..02e52aeab 100644
--- a/backend/samfundet/homepage/homepage.py
+++ b/backend/samfundet/homepage/homepage.py
@@ -8,7 +8,7 @@
 
 from samfundet.serializers import EventSerializer
 from samfundet.models.event import Event
-from samfundet.models.model_choices import EventCategory, EventTicketType
+from samfundet.models.model_choices import EventStatus, EventCategory, EventTicketType
 
 
 class ElementType:
@@ -58,7 +58,7 @@ def carousel(*, title_nb: str, title_en: str, events: list[Event]) -> HomePageEl
 
 def generate() -> dict[str, Any]:  # noqa: C901
     elements: list[HomePageElement] = []
-    upcoming_events = Event.objects.filter(start_dt__gt=timezone.now() - timezone.timedelta(hours=6)).order_by('start_dt')
+    upcoming_events = Event.objects.filter(start_dt__gt=timezone.now() - timezone.timedelta(hours=6), status=EventStatus.PUBLIC).order_by('start_dt')
     # Optimize DB queries by:
     # - select_related (FK and OTO) to perform an SQL JOIN, fetching related 'image' data in the same query.
     # - prefetch_related (MTM and reverse FK) to fetch related objects in separate queries and join in Python.

From 4bd64462fd2ff57afabc1928c29c2fffa5f441a0 Mon Sep 17 00:00:00 2001
From: Robin <16273164+robines@users.noreply.github.com>
Date: Wed, 1 Apr 2026 17:57:05 +0200
Subject: [PATCH 59/79] Create FormSchemaContext, use in FormLabel to mark
 required fields (#2124)

* Create FormSchemaContext, making zod schema available to form components

Use in FormLabel to mark required fields

* biome

* Add link to zod internals docs
---
 frontend/src/Components/Forms/Form.tsx        | 58 +++++++++++++++++--
 .../src/Components/Forms/Forms.module.scss    |  5 ++
 .../EventCreatorAdminPage.tsx                 |  3 +-
 3 files changed, 61 insertions(+), 5 deletions(-)

diff --git a/frontend/src/Components/Forms/Form.tsx b/frontend/src/Components/Forms/Form.tsx
index 45a4159f1..9be5ec031 100644
--- a/frontend/src/Components/Forms/Form.tsx
+++ b/frontend/src/Components/Forms/Form.tsx
@@ -11,9 +11,18 @@ import {
 import { useTranslation } from 'react-i18next';
 
 import classNames from 'classnames';
+import { type ZodTypeAny, z } from 'zod';
 import styles from './Forms.module.scss';
 
-export const Form = FormProvider;
+const FormSchemaContext = React.createContext<ZodTypeAny | null>(null);
+
+type FormProps<T extends FieldValues> = React.ComponentProps<typeof FormProvider<T>> & { schema?: z.ZodTypeAny };
+
+export const Form = <T extends FieldValues>({ schema, ...props }: FormProps<T>) => (
+  <FormSchemaContext.Provider value={schema ?? null}>
+    <FormProvider {...props} />
+  </FormSchemaContext.Provider>
+);
 
 type FormFieldContextValue<
   TFieldValues extends FieldValues = FieldValues,
@@ -77,6 +86,42 @@ export const FormItem = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HT
 });
 FormItem.displayName = 'FormItem';
 
+// Unwraps ZodEffects (.refine(), .transform(), .superRefine())
+// Documentation: https://zod.dev/packages/core?id=internals
+function unwrapEffects(schema: ZodTypeAny): ZodTypeAny {
+  let current = schema;
+  while (current instanceof z.ZodEffects) {
+    current = current._def.schema;
+  }
+  return current;
+}
+
+function resolveField(schema: ZodTypeAny, path: string): ZodTypeAny | null {
+  let current = unwrapEffects(schema);
+  for (const key of path.split('.')) {
+    current = unwrapEffects(current);
+
+    if (!(current instanceof z.ZodObject)) {
+      return null;
+    }
+
+    const next = current.shape[key];
+    if (!next) {
+      return null;
+    }
+    current = next;
+  }
+  return current;
+}
+
+function isFieldRequired(schema: ZodTypeAny | null, name: string): boolean {
+  if (!schema) {
+    return false;
+  }
+  const field = resolveField(schema, name);
+  return field !== null && !field.isOptional();
+}
+
 interface FormLabelProps extends React.HTMLAttributes<HTMLLabelElement> {
   className?: string;
 }
@@ -84,8 +129,10 @@ interface FormLabelProps extends React.HTMLAttributes<HTMLLabelElement> {
 export const FormLabel = React.forwardRef<
   React.ElementRef<'label'>,
   React.ComponentPropsWithoutRef<'label'> & FormLabelProps
->(({ className, ...props }, ref) => {
-  const { error, formItemId } = useFormField();
+>(({ className, children, ...props }, ref) => {
+  const { error, formItemId, name } = useFormField();
+  const schema = React.useContext(FormSchemaContext);
+  const required = isFieldRequired(schema, name);
 
   return (
     <label
@@ -93,7 +140,10 @@ export const FormLabel = React.forwardRef<
       className={classNames(styles.label, error && styles.error, className)}
       htmlFor={formItemId}
       {...props}
-    />
+    >
+      {children}
+      {required && <span className={styles.required}>*</span>}
+    </label>
   );
 });
 FormLabel.displayName = 'FormLabel';
diff --git a/frontend/src/Components/Forms/Forms.module.scss b/frontend/src/Components/Forms/Forms.module.scss
index 0c7331074..a6eb1a596 100644
--- a/frontend/src/Components/Forms/Forms.module.scss
+++ b/frontend/src/Components/Forms/Forms.module.scss
@@ -9,6 +9,11 @@
 .label {
   margin-bottom: 0;
   margin-top: 0.5rem;
+  display: initial;
+}
+
+.required {
+  color: $red;
 }
 
 .description {
diff --git a/frontend/src/PagesAdmin/EventCreatorAdminPage/EventCreatorAdminPage.tsx b/frontend/src/PagesAdmin/EventCreatorAdminPage/EventCreatorAdminPage.tsx
index a43a4c28b..e0706e0da 100644
--- a/frontend/src/PagesAdmin/EventCreatorAdminPage/EventCreatorAdminPage.tsx
+++ b/frontend/src/PagesAdmin/EventCreatorAdminPage/EventCreatorAdminPage.tsx
@@ -23,6 +23,7 @@ import { useEventMutations } from './hooks/useEventMutations';
 import { type EventCreatorStep, type StepKey, steps } from './steps/stepConfig';
 
 import type { FieldErrors } from 'react-hook-form';
+import { eventSchema } from './EventCreatorSchema';
 import { EventPreviewCard } from './components/EventPreviewCard';
 import { GraphicsStep } from './steps/GraphicsStep';
 import { InfoStep } from './steps/InfoStep';
@@ -225,7 +226,7 @@ export function EventCreatorAdminPage() {
       />
       <br />
       <div className={styles.form_container}>
-        <Form {...form}>
+        <Form {...form} schema={eventSchema}>
           <form onSubmit={form.handleSubmit(onSubmit, onInvalid)}>
             {currentStepContent}
             {navigationButtons}

From 341ac414f888396ac4d026764115ba1fc9987203 Mon Sep 17 00:00:00 2001
From: Robin <16273164+robines@users.noreply.github.com>
Date: Wed, 1 Apr 2026 18:00:14 +0200
Subject: [PATCH 60/79] "Connect to MDB" page tweaks (#2127)

* MDB page tweaks

* Adjust page route and password form description
---
 .../src/PagesAdmin/AdminLayout/AdminLayout.tsx  |  9 +++++++--
 .../MDBConnectFormAdminPage/MDBConnectForm.tsx  | 17 +++++++++++------
 .../MDBConnectFormAdminPage.module.scss         | 10 ++++------
 .../MDBConnectFormAdminPage.tsx                 |  4 +++-
 frontend/src/i18n/constants.ts                  |  5 ++++-
 frontend/src/i18n/translations.ts               | 16 ++++++++++++----
 frontend/src/router/router.tsx                  |  2 +-
 frontend/src/routes/frontend.ts                 |  2 +-
 8 files changed, 43 insertions(+), 22 deletions(-)

diff --git a/frontend/src/PagesAdmin/AdminLayout/AdminLayout.tsx b/frontend/src/PagesAdmin/AdminLayout/AdminLayout.tsx
index 487d682de..22b22d358 100644
--- a/frontend/src/PagesAdmin/AdminLayout/AdminLayout.tsx
+++ b/frontend/src/PagesAdmin/AdminLayout/AdminLayout.tsx
@@ -147,9 +147,14 @@ export function AdminLayout() {
           </button>
         )}
         {/** Connect to MDB button */}
-        <Link url={ROUTES.frontend.admin_mdb_connect_form} className={classNames(styles.panel_item)}>
+        <Link
+          url={ROUTES.frontend.admin_mdb_connect}
+          className={classNames(styles.panel_item, {
+            [styles.selected]: location.pathname === ROUTES.frontend.admin_mdb_connect,
+          })}
+        >
           <Icon icon="mdi:connection" />
-          {t(KEY.adminpage_connect_mdb)}
+          {t(KEY.common_member_database)}
         </Link>
         {/* Logout */}
         <button
diff --git a/frontend/src/PagesAdmin/MDBConnectFormAdminPage/MDBConnectForm.tsx b/frontend/src/PagesAdmin/MDBConnectFormAdminPage/MDBConnectForm.tsx
index e470d4fc0..736d6ee44 100644
--- a/frontend/src/PagesAdmin/MDBConnectFormAdminPage/MDBConnectForm.tsx
+++ b/frontend/src/PagesAdmin/MDBConnectFormAdminPage/MDBConnectForm.tsx
@@ -3,20 +3,19 @@ import { useForm } from 'react-hook-form';
 import { useTranslation } from 'react-i18next';
 import { toast } from 'react-toastify';
 import { z } from 'zod';
-import { Input } from '~/Components';
+import { Input, Link } from '~/Components';
 import { Button } from '~/Components/Button';
 import { Form, FormField, FormItem, FormLabel } from '~/Components/Forms';
-import { FormControl } from '~/Components/Forms/Form';
+import { FormControl, FormDescription } from '~/Components/Forms/Form';
 import { connectToMdb } from '~/api';
-import { useTitle } from '~/hooks';
 import { KEY } from '~/i18n/constants';
+import { SAMF3_MEMBER_URL } from '~/routes/samf-three';
 import { EMAIL_OR_MEMBERSHIP_NUMBER, PASSWORD } from '~/schema/user';
 import { lowerCapitalize } from '~/utils';
 import styles from './MDBConnectFormAdminPage.module.scss';
 
 export function MDBConnectForm() {
   const { t } = useTranslation();
-  useTitle(t(KEY.adminpage_connect_mdb));
 
   const schema = z.object({
     member_login: EMAIL_OR_MEMBERSHIP_NUMBER(t),
@@ -58,7 +57,7 @@ export function MDBConnectForm() {
           name="member_login"
           render={({ field }) => (
             <FormItem>
-              <FormLabel>{t(KEY.email_or_membership_number_message)}</FormLabel>
+              <FormLabel>{lowerCapitalize(t(KEY.email_or_membership_number))}</FormLabel>
               <FormControl>
                 <Input placeholder="" type="text" {...field} />
               </FormControl>
@@ -71,13 +70,19 @@ export function MDBConnectForm() {
           render={({ field }) => (
             <FormItem>
               <FormLabel>{lowerCapitalize(t(KEY.common_password))}</FormLabel>
+              <FormDescription>
+                {t(KEY.adminpage_connect_mdb_password_notice_1)}{' '}
+                <Link url={SAMF3_MEMBER_URL.medlem} target="external">
+                  {t(KEY.adminpage_connect_mdb_password_notice_2)}
+                </Link>
+              </FormDescription>
               <FormControl>
                 <Input placeholder="" type="password" autoComplete="off" {...field} />
               </FormControl>
             </FormItem>
           )}
         />
-        <Button className={styles.form_button} type="submit" theme="green" display="block" rounded>
+        <Button className={styles.form_button} type="submit" theme="green" rounded>
           {t(KEY.common_connect)}
         </Button>
       </form>
diff --git a/frontend/src/PagesAdmin/MDBConnectFormAdminPage/MDBConnectFormAdminPage.module.scss b/frontend/src/PagesAdmin/MDBConnectFormAdminPage/MDBConnectFormAdminPage.module.scss
index 3bf349cf0..b5f039b24 100644
--- a/frontend/src/PagesAdmin/MDBConnectFormAdminPage/MDBConnectFormAdminPage.module.scss
+++ b/frontend/src/PagesAdmin/MDBConnectFormAdminPage/MDBConnectFormAdminPage.module.scss
@@ -5,12 +5,10 @@
 @use 'src/constants' as *;
 
 .wrapper {
-    margin: 0 20vw 0 20vw;
-    display: flex;
-    flex-flow: row nowrap;
+  width: 24rem;
+  max-width: 100%;
 }
 
 .form_button {
-    max-width: 15vw;
-    margin: 5vh auto 0 auto;
-}
\ No newline at end of file
+  margin: 1rem 0 0 auto;
+}
diff --git a/frontend/src/PagesAdmin/MDBConnectFormAdminPage/MDBConnectFormAdminPage.tsx b/frontend/src/PagesAdmin/MDBConnectFormAdminPage/MDBConnectFormAdminPage.tsx
index f887c8e95..babce2172 100644
--- a/frontend/src/PagesAdmin/MDBConnectFormAdminPage/MDBConnectFormAdminPage.tsx
+++ b/frontend/src/PagesAdmin/MDBConnectFormAdminPage/MDBConnectFormAdminPage.tsx
@@ -1,4 +1,5 @@
 import { useTranslation } from 'react-i18next';
+import { useTitle } from '~/hooks';
 import { KEY } from '~/i18n/constants';
 import { AdminPage } from '../AdminPageLayout';
 import { MDBConnectForm } from './MDBConnectForm';
@@ -6,9 +7,10 @@ import styles from './MDBConnectFormAdminPage.module.scss';
 
 export function MDBConnectFormAdminPage() {
   const { t } = useTranslation();
+  useTitle(t(KEY.adminpage_connect_mdb));
 
   return (
-    <AdminPage title={t(KEY.adminpage_connect_mdb_extended)}>
+    <AdminPage title={t(KEY.adminpage_connect_mdb)}>
       <div className={styles.wrapper}>
         <MDBConnectForm />
       </div>
diff --git a/frontend/src/i18n/constants.ts b/frontend/src/i18n/constants.ts
index 39fb5c7cd..3156e501c 100644
--- a/frontend/src/i18n/constants.ts
+++ b/frontend/src/i18n/constants.ts
@@ -245,6 +245,8 @@ export const KEY = {
   common_buy_ticket: 'common_buy_ticket',
   common_sold_out: 'common_sold_out',
   common_almost_sold_out: 'common_almost_sold_out',
+
+  common_member_database: 'common_member_database',
   // ==================== //
   //        Others        //
   // ==================== //
@@ -594,11 +596,12 @@ export const KEY = {
   admin_role_page_role_since: 'admin_role_page_role_since',
   admin_role_page_given_by: 'admin_role_page_given_by',
   adminpage_connect_mdb: 'adminpage_connect_mdb',
-  adminpage_connect_mdb_extended: 'adminpage_connect_mdb_extended',
   adminpage_connect_mdb_succesful_toast: 'adminpage_connect_mdb_succesful_toast',
   adminpage_connect_mdb_invalid_email: 'adminpage_connect_mdb_invalid_email',
   adminpage_connect_mdb_invalid_membership_id: 'adminpage_connect_mdb_invalid_membership_id',
   adminpage_connect_mdb_common_error: 'adminpage_connect_mdb_common_error',
+  adminpage_connect_mdb_password_notice_1: 'adminpage_connect_mdb_password_notice_1',
+  adminpage_connect_mdb_password_notice_2: 'adminpage_connect_mdb_password_notice_2',
 
   // CommandMenu:
   command_menu_label: 'command_menu_label',
diff --git a/frontend/src/i18n/translations.ts b/frontend/src/i18n/translations.ts
index bd9bca813..86a7c7671 100644
--- a/frontend/src/i18n/translations.ts
+++ b/frontend/src/i18n/translations.ts
@@ -229,6 +229,9 @@ export const nb = prepareTranslations({
   [KEY.common_sold_out]: 'Utsolgt',
   [KEY.common_almost_sold_out]: 'Få billetter igjen',
 
+  // MDB
+  [KEY.common_member_database]: 'Medlemsdatabase',
+
   // ==================== //
   //        Others        //
   // ==================== //
@@ -329,13 +332,14 @@ export const nb = prepareTranslations({
   [KEY.adminpage_gangs_create]: 'Opprett gjeng',
 
   //MDB Connect AdminPage
-  [KEY.adminpage_connect_mdb]: 'Koble til MDB',
-  [KEY.adminpage_connect_mdb_extended]: 'Koble til medlemsdatabasen',
+  [KEY.adminpage_connect_mdb]: 'Koble til medlemsdatabasen',
   [KEY.adminpage_connect_mdb_succesful_toast]: 'Vellyket tilkobling til medlemsdatabasen',
   [KEY.adminpage_connect_mdb_invalid_email]: 'ugyldig e-post',
   [KEY.adminpage_connect_mdb_invalid_membership_id]: 'ugyldig medlemsdatabasenummer',
   [KEY.adminpage_connect_mdb_common_error]:
     'Kunne ikke koble til medlemsdatabasen. Vennligst sjekk at alle felter er skrevet riktig',
+  [KEY.adminpage_connect_mdb_password_notice_1]: 'Passordet ditt til ',
+  [KEY.adminpage_connect_mdb_password_notice_2]: 'medlemsdatabasen',
 
   // SaksdokumentPage:
   [KEY.saksdokumentpage_publication_date]: 'Publiseringsdato',
@@ -934,6 +938,9 @@ export const en = prepareTranslations({
   [KEY.common_buy_ticket]: 'Buy ticket',
   [KEY.common_sold_out]: 'Sold out',
   [KEY.common_almost_sold_out]: 'Few tickets left',
+
+  // MDB
+  [KEY.common_member_database]: 'Membership database',
   // ==================== //
   //        Others        //
   // ==================== //
@@ -1350,13 +1357,14 @@ export const en = prepareTranslations({
   [KEY.feedback_thank_you_for_feedback]: 'Thank you for your feedback',
 
   //MDB Connect AdminPage
-  [KEY.adminpage_connect_mdb]: 'Connect to MDB',
-  [KEY.adminpage_connect_mdb_extended]: 'Connect to the membership database',
+  [KEY.adminpage_connect_mdb]: 'Connect to the membership database',
   [KEY.adminpage_connect_mdb_succesful_toast]: 'Succesfully connected to the membership database',
   [KEY.adminpage_connect_mdb_invalid_email]: 'Invalid email',
   [KEY.adminpage_connect_mdb_invalid_membership_id]: 'Invalid membership ID',
   [KEY.adminpage_connect_mdb_common_error]:
     "Couldn't connect to the membership database. Please check that all fields are correct",
+  [KEY.adminpage_connect_mdb_password_notice_1]: 'Your password to the',
+  [KEY.adminpage_connect_mdb_password_notice_2]: 'membership database',
 
   // No category:
   [KEY.owner]: 'Owner',
diff --git a/frontend/src/router/router.tsx b/frontend/src/router/router.tsx
index f904b420e..d3da13d59 100644
--- a/frontend/src/router/router.tsx
+++ b/frontend/src/router/router.tsx
@@ -1013,7 +1013,7 @@ export const router = createBrowserRouter(
           />
           {/* MDB Connect Form */}
           <Route
-            path={ROUTES.frontend.admin_mdb_connect_form}
+            path={ROUTES.frontend.admin_mdb_connect}
             handle={{ crumb: ({ pathname }: UIMatch) => <Link url={pathname}>{t(KEY.adminpage_connect_mdb)}</Link> }}
             element={<MDBConnectFormAdminPage />}
           />
diff --git a/frontend/src/routes/frontend.ts b/frontend/src/routes/frontend.ts
index 1b6068e98..08e0fb237 100644
--- a/frontend/src/routes/frontend.ts
+++ b/frontend/src/routes/frontend.ts
@@ -47,7 +47,7 @@ export const ROUTES_FRONTEND = {
   //      Admin pages     //
   // ==================== //
   admin: '/control-panel/',
-  admin_mdb_connect_form: '/control-panel/mdb-connect-form',
+  admin_mdb_connect: '/control-panel/mdb',
   // Users
   admin_users: '/control-panel/users/',
   // Roles

From 31ede6e61a909dc02be5f92c3b6633fd173265ac Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Wed, 1 Apr 2026 18:01:25 +0200
Subject: [PATCH 61/79] Bump pytest-django from 4.11.1 to 4.12.0 in /backend
 (#2132)

Bumps [pytest-django](https://github.com/pytest-dev/pytest-django) from 4.11.1 to 4.12.0.
- [Release notes](https://github.com/pytest-dev/pytest-django/releases)
- [Changelog](https://github.com/pytest-dev/pytest-django/blob/main/docs/changelog.rst)
- [Commits](https://github.com/pytest-dev/pytest-django/compare/v4.11.1...v4.12.0)

---
updated-dependencies:
- dependency-name: pytest-django
  dependency-version: 4.12.0
  dependency-type: direct:development
  update-type: version-update:semver-minor
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
---
 backend/poetry.lock | 12 ++++--------
 1 file changed, 4 insertions(+), 8 deletions(-)

diff --git a/backend/poetry.lock b/backend/poetry.lock
index 8ea855d26..f200b5f56 100644
--- a/backend/poetry.lock
+++ b/backend/poetry.lock
@@ -951,23 +951,19 @@ dev = ["argcomplete", "attrs (>=19.2)", "hypothesis (>=3.56)", "mock", "pygments
 
 [[package]]
 name = "pytest-django"
-version = "4.11.1"
+version = "4.12.0"
 description = "A Django plugin for pytest."
 optional = false
-python-versions = ">=3.8"
+python-versions = ">=3.10"
 groups = ["dev"]
 files = [
-    {file = "pytest_django-4.11.1-py3-none-any.whl", hash = "sha256:1b63773f648aa3d8541000c26929c1ea63934be1cfa674c76436966d73fe6a10"},
-    {file = "pytest_django-4.11.1.tar.gz", hash = "sha256:a949141a1ee103cb0e7a20f1451d355f83f5e4a5d07bdd4dcfdd1fd0ff227991"},
+    {file = "pytest_django-4.12.0-py3-none-any.whl", hash = "sha256:3ff300c49f8350ba2953b90297d23bf5f589db69545f56f1ec5f8cff5da83e85"},
+    {file = "pytest_django-4.12.0.tar.gz", hash = "sha256:df94ec819a83c8979c8f6de13d9cdfbe76e8c21d39473cfe2b40c9fc9be3c758"},
 ]
 
 [package.dependencies]
 pytest = ">=7.0.0"
 
-[package.extras]
-docs = ["sphinx", "sphinx_rtd_theme"]
-testing = ["Django", "django-configurations (>=2.0)"]
-
 [[package]]
 name = "python-dateutil"
 version = "2.9.0.post0"

From c577f35eecb7694e5bbff31dc37298de9ec51d07 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Wed, 1 Apr 2026 18:12:01 +0200
Subject: [PATCH 62/79] Bump gunicorn from 25.1.0 to 25.3.0 in /backend (#2135)

Bumps [gunicorn](https://github.com/benoitc/gunicorn) from 25.1.0 to 25.3.0.
- [Release notes](https://github.com/benoitc/gunicorn/releases)
- [Commits](https://github.com/benoitc/gunicorn/compare/25.1.0...25.3.0)

---
updated-dependencies:
- dependency-name: gunicorn
  dependency-version: 25.3.0
  dependency-type: direct:production
  update-type: version-update:semver-minor
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
---
 backend/poetry.lock | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/backend/poetry.lock b/backend/poetry.lock
index f200b5f56..1277b9d99 100644
--- a/backend/poetry.lock
+++ b/backend/poetry.lock
@@ -398,14 +398,14 @@ python-dateutil = ">=2.7"
 
 [[package]]
 name = "gunicorn"
-version = "25.1.0"
+version = "25.3.0"
 description = "WSGI HTTP Server for UNIX"
 optional = false
 python-versions = ">=3.10"
 groups = ["main"]
 files = [
-    {file = "gunicorn-25.1.0-py3-none-any.whl", hash = "sha256:d0b1236ccf27f72cfe14bce7caadf467186f19e865094ca84221424e839b8b8b"},
-    {file = "gunicorn-25.1.0.tar.gz", hash = "sha256:1426611d959fa77e7de89f8c0f32eed6aa03ee735f98c01efba3e281b1c47616"},
+    {file = "gunicorn-25.3.0-py3-none-any.whl", hash = "sha256:cacea387dab08cd6776501621c295a904fe8e3b7aae9a1a3cbb26f4e7ed54660"},
+    {file = "gunicorn-25.3.0.tar.gz", hash = "sha256:f74e1b2f9f76f6cd1ca01198968bd2dd65830edc24b6e8e4d78de8320e2fe889"},
 ]
 
 [package.dependencies]
@@ -413,6 +413,7 @@ packaging = "*"
 
 [package.extras]
 eventlet = ["eventlet (>=0.40.3)"]
+fast = ["gunicorn_h1c (>=0.6.3)"]
 gevent = ["gevent (>=24.10.1)"]
 http2 = ["h2 (>=4.1.0)"]
 setproctitle = ["setproctitle"]

From b48b3ecc8895cbffe81ea9b209a4e966d0bfbe6f Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Wed, 1 Apr 2026 21:46:26 +0200
Subject: [PATCH 63/79] Bump pygments from 2.19.1 to 2.20.0 in /backend (#2129)

Bumps [pygments](https://github.com/pygments/pygments) from 2.19.1 to 2.20.0.
- [Release notes](https://github.com/pygments/pygments/releases)
- [Changelog](https://github.com/pygments/pygments/blob/master/CHANGES)
- [Commits](https://github.com/pygments/pygments/compare/2.19.1...2.20.0)

---
updated-dependencies:
- dependency-name: pygments
  dependency-version: 2.20.0
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
---
 backend/poetry.lock | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/backend/poetry.lock b/backend/poetry.lock
index 1277b9d99..1b283b0e9 100644
--- a/backend/poetry.lock
+++ b/backend/poetry.lock
@@ -916,14 +916,14 @@ files = [
 
 [[package]]
 name = "pygments"
-version = "2.19.1"
+version = "2.20.0"
 description = "Pygments is a syntax highlighting package written in Python."
 optional = false
-python-versions = ">=3.8"
+python-versions = ">=3.9"
 groups = ["dev"]
 files = [
-    {file = "pygments-2.19.1-py3-none-any.whl", hash = "sha256:9ea1544ad55cecf4b8242fab6dd35a93bbce657034b0611ee383099054ab6d8c"},
-    {file = "pygments-2.19.1.tar.gz", hash = "sha256:61c16d2a8576dc0649d9f39e089b5f02bcd27fba10d8fb4dcc28173f7a45151f"},
+    {file = "pygments-2.20.0-py3-none-any.whl", hash = "sha256:81a9e26dd42fd28a23a2d169d86d7ac03b46e2f8b59ed4698fb4785f946d0176"},
+    {file = "pygments-2.20.0.tar.gz", hash = "sha256:6757cd03768053ff99f3039c1a36d6c0aa0b263438fcab17520b30a303a82b5f"},
 ]
 
 [package.extras]

From c6925b53ef10e7924a290640ee20c60ab633088c Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Wed, 1 Apr 2026 22:24:29 +0200
Subject: [PATCH 64/79] Bump mypy from 1.19.1 to 1.20.0 in /backend (#2133)

Bumps [mypy](https://github.com/python/mypy) from 1.19.1 to 1.20.0.
- [Changelog](https://github.com/python/mypy/blob/master/CHANGELOG.md)
- [Commits](https://github.com/python/mypy/compare/v1.19.1...v1.20.0)

---
updated-dependencies:
- dependency-name: mypy
  dependency-version: 1.20.0
  dependency-type: direct:development
  update-type: version-update:semver-minor
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
---
 backend/poetry.lock | 273 ++++++++++++++++++++++++--------------------
 1 file changed, 150 insertions(+), 123 deletions(-)

diff --git a/backend/poetry.lock b/backend/poetry.lock
index 1b283b0e9..055d9d24e 100644
--- a/backend/poetry.lock
+++ b/backend/poetry.lock
@@ -498,89 +498,103 @@ referencing = ">=0.31.0"
 
 [[package]]
 name = "librt"
-version = "0.6.3"
+version = "0.8.1"
 description = "Mypyc runtime library"
 optional = false
 python-versions = ">=3.9"
 groups = ["dev"]
 markers = "platform_python_implementation != \"PyPy\""
 files = [
-    {file = "librt-0.6.3-cp310-cp310-macosx_10_9_x86_64.whl", hash = "sha256:45660d26569cc22ed30adf583389d8a0d1b468f8b5e518fcf9bfe2cd298f9dd1"},
-    {file = "librt-0.6.3-cp310-cp310-macosx_11_0_arm64.whl", hash = "sha256:54f3b2177fb892d47f8016f1087d21654b44f7fc4cf6571c1c6b3ea531ab0fcf"},
-    {file = "librt-0.6.3-cp310-cp310-manylinux1_i686.manylinux_2_28_i686.manylinux_2_5_i686.whl", hash = "sha256:c5b31bed2c2f2fa1fcb4815b75f931121ae210dc89a3d607fb1725f5907f1437"},
-    {file = "librt-0.6.3-cp310-cp310-manylinux2014_aarch64.manylinux_2_17_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:8f8ed5053ef9fb08d34f1fd80ff093ccbd1f67f147633a84cf4a7d9b09c0f089"},
-    {file = "librt-0.6.3-cp310-cp310-manylinux2014_x86_64.manylinux_2_17_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:3f0e4bd9bcb0ee34fa3dbedb05570da50b285f49e52c07a241da967840432513"},
-    {file = "librt-0.6.3-cp310-cp310-musllinux_1_2_aarch64.whl", hash = "sha256:d8f89c8d20dfa648a3f0a56861946eb00e5b00d6b00eea14bc5532b2fcfa8ef1"},
-    {file = "librt-0.6.3-cp310-cp310-musllinux_1_2_i686.whl", hash = "sha256:ecc2c526547eacd20cb9fbba19a5268611dbc70c346499656d6cf30fae328977"},
-    {file = "librt-0.6.3-cp310-cp310-musllinux_1_2_x86_64.whl", hash = "sha256:fbedeb9b48614d662822ee514567d2d49a8012037fc7b4cd63f282642c2f4b7d"},
-    {file = "librt-0.6.3-cp310-cp310-win32.whl", hash = "sha256:0765b0fe0927d189ee14b087cd595ae636bef04992e03fe6dfdaa383866c8a46"},
-    {file = "librt-0.6.3-cp310-cp310-win_amd64.whl", hash = "sha256:8c659f9fb8a2f16dc4131b803fa0144c1dadcb3ab24bb7914d01a6da58ae2457"},
-    {file = "librt-0.6.3-cp311-cp311-macosx_10_9_x86_64.whl", hash = "sha256:61348cc488b18d1b1ff9f3e5fcd5ac43ed22d3e13e862489d2267c2337285c08"},
-    {file = "librt-0.6.3-cp311-cp311-macosx_11_0_arm64.whl", hash = "sha256:64645b757d617ad5f98c08e07620bc488d4bced9ced91c6279cec418f16056fa"},
-    {file = "librt-0.6.3-cp311-cp311-manylinux1_i686.manylinux_2_28_i686.manylinux_2_5_i686.whl", hash = "sha256:26b8026393920320bb9a811b691d73c5981385d537ffc5b6e22e53f7b65d4122"},
-    {file = "librt-0.6.3-cp311-cp311-manylinux2014_aarch64.manylinux_2_17_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:d998b432ed9ffccc49b820e913c8f327a82026349e9c34fa3690116f6b70770f"},
-    {file = "librt-0.6.3-cp311-cp311-manylinux2014_x86_64.manylinux_2_17_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:e18875e17ef69ba7dfa9623f2f95f3eda6f70b536079ee6d5763ecdfe6cc9040"},
-    {file = "librt-0.6.3-cp311-cp311-musllinux_1_2_aarch64.whl", hash = "sha256:a218f85081fc3f70cddaed694323a1ad7db5ca028c379c214e3a7c11c0850523"},
-    {file = "librt-0.6.3-cp311-cp311-musllinux_1_2_i686.whl", hash = "sha256:1ef42ff4edd369e84433ce9b188a64df0837f4f69e3d34d3b34d4955c599d03f"},
-    {file = "librt-0.6.3-cp311-cp311-musllinux_1_2_x86_64.whl", hash = "sha256:0e0f2b79993fec23a685b3e8107ba5f8675eeae286675a216da0b09574fa1e47"},
-    {file = "librt-0.6.3-cp311-cp311-win32.whl", hash = "sha256:fd98cacf4e0fabcd4005c452cb8a31750258a85cab9a59fb3559e8078da408d7"},
-    {file = "librt-0.6.3-cp311-cp311-win_amd64.whl", hash = "sha256:e17b5b42c8045867ca9d1f54af00cc2275198d38de18545edaa7833d7e9e4ac8"},
-    {file = "librt-0.6.3-cp311-cp311-win_arm64.whl", hash = "sha256:87597e3d57ec0120a3e1d857a708f80c02c42ea6b00227c728efbc860f067c45"},
-    {file = "librt-0.6.3-cp312-cp312-macosx_10_13_x86_64.whl", hash = "sha256:74418f718083009108dc9a42c21bf2e4802d49638a1249e13677585fcc9ca176"},
-    {file = "librt-0.6.3-cp312-cp312-macosx_11_0_arm64.whl", hash = "sha256:514f3f363d1ebc423357d36222c37e5c8e6674b6eae8d7195ac9a64903722057"},
-    {file = "librt-0.6.3-cp312-cp312-manylinux1_i686.manylinux_2_28_i686.manylinux_2_5_i686.whl", hash = "sha256:cf1115207a5049d1f4b7b4b72de0e52f228d6c696803d94843907111cbf80610"},
-    {file = "librt-0.6.3-cp312-cp312-manylinux2014_aarch64.manylinux_2_17_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:ad8ba80cdcea04bea7b78fcd4925bfbf408961e9d8397d2ee5d3ec121e20c08c"},
-    {file = "librt-0.6.3-cp312-cp312-manylinux2014_x86_64.manylinux_2_17_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:4018904c83eab49c814e2494b4e22501a93cdb6c9f9425533fe693c3117126f9"},
-    {file = "librt-0.6.3-cp312-cp312-musllinux_1_2_aarch64.whl", hash = "sha256:8983c5c06ac9c990eac5eb97a9f03fe41dc7e9d7993df74d9e8682a1056f596c"},
-    {file = "librt-0.6.3-cp312-cp312-musllinux_1_2_i686.whl", hash = "sha256:d7769c579663a6f8dbf34878969ac71befa42067ce6bf78e6370bf0d1194997c"},
-    {file = "librt-0.6.3-cp312-cp312-musllinux_1_2_x86_64.whl", hash = "sha256:d3c9a07eafdc70556f8c220da4a538e715668c0c63cabcc436a026e4e89950bf"},
-    {file = "librt-0.6.3-cp312-cp312-win32.whl", hash = "sha256:38320386a48a15033da295df276aea93a92dfa94a862e06893f75ea1d8bbe89d"},
-    {file = "librt-0.6.3-cp312-cp312-win_amd64.whl", hash = "sha256:c0ecf4786ad0404b072196b5df774b1bb23c8aacdcacb6c10b4128bc7b00bd01"},
-    {file = "librt-0.6.3-cp312-cp312-win_arm64.whl", hash = "sha256:9f2a6623057989ebc469cd9cc8fe436c40117a0147627568d03f84aef7854c55"},
-    {file = "librt-0.6.3-cp313-cp313-macosx_10_13_x86_64.whl", hash = "sha256:9e716f9012148a81f02f46a04fc4c663420c6fbfeacfac0b5e128cf43b4413d3"},
-    {file = "librt-0.6.3-cp313-cp313-macosx_11_0_arm64.whl", hash = "sha256:669ff2495728009a96339c5ad2612569c6d8be4474e68f3f3ac85d7c3261f5f5"},
-    {file = "librt-0.6.3-cp313-cp313-manylinux1_i686.manylinux_2_28_i686.manylinux_2_5_i686.whl", hash = "sha256:349b6873ebccfc24c9efd244e49da9f8a5c10f60f07575e248921aae2123fc42"},
-    {file = "librt-0.6.3-cp313-cp313-manylinux2014_aarch64.manylinux_2_17_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:0c74c26736008481c9f6d0adf1aedb5a52aff7361fea98276d1f965c0256ee70"},
-    {file = "librt-0.6.3-cp313-cp313-manylinux2014_x86_64.manylinux_2_17_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:408a36ddc75e91918cb15b03460bdc8a015885025d67e68c6f78f08c3a88f522"},
-    {file = "librt-0.6.3-cp313-cp313-musllinux_1_2_aarch64.whl", hash = "sha256:e61ab234624c9ffca0248a707feffe6fac2343758a36725d8eb8a6efef0f8c30"},
-    {file = "librt-0.6.3-cp313-cp313-musllinux_1_2_i686.whl", hash = "sha256:324462fe7e3896d592b967196512491ec60ca6e49c446fe59f40743d08c97917"},
-    {file = "librt-0.6.3-cp313-cp313-musllinux_1_2_x86_64.whl", hash = "sha256:36b2ec8c15030002c7f688b4863e7be42820d7c62d9c6eece3db54a2400f0530"},
-    {file = "librt-0.6.3-cp313-cp313-win32.whl", hash = "sha256:25b1b60cb059471c0c0c803e07d0dfdc79e41a0a122f288b819219ed162672a3"},
-    {file = "librt-0.6.3-cp313-cp313-win_amd64.whl", hash = "sha256:10a95ad074e2a98c9e4abc7f5b7d40e5ecbfa84c04c6ab8a70fabf59bd429b88"},
-    {file = "librt-0.6.3-cp313-cp313-win_arm64.whl", hash = "sha256:17000df14f552e86877d67e4ab7966912224efc9368e998c96a6974a8d609bf9"},
-    {file = "librt-0.6.3-cp314-cp314-macosx_10_13_x86_64.whl", hash = "sha256:8e695f25d1a425ad7a272902af8ab8c8d66c1998b177e4b5f5e7b4e215d0c88a"},
-    {file = "librt-0.6.3-cp314-cp314-macosx_11_0_arm64.whl", hash = "sha256:3e84a4121a7ae360ca4da436548a9c1ca8ca134a5ced76c893cc5944426164bd"},
-    {file = "librt-0.6.3-cp314-cp314-manylinux1_i686.manylinux_2_28_i686.manylinux_2_5_i686.whl", hash = "sha256:05f385a414de3f950886ea0aad8f109650d4b712cf9cc14cc17f5f62a9ab240b"},
-    {file = "librt-0.6.3-cp314-cp314-manylinux2014_aarch64.manylinux_2_17_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:36a8e337461150b05ca2c7bdedb9e591dfc262c5230422cea398e89d0c746cdc"},
-    {file = "librt-0.6.3-cp314-cp314-manylinux2014_x86_64.manylinux_2_17_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:dcbe48f6a03979384f27086484dc2a14959be1613cb173458bd58f714f2c48f3"},
-    {file = "librt-0.6.3-cp314-cp314-musllinux_1_2_aarch64.whl", hash = "sha256:4bca9e4c260233fba37b15c4ec2f78aa99c1a79fbf902d19dd4a763c5c3fb751"},
-    {file = "librt-0.6.3-cp314-cp314-musllinux_1_2_i686.whl", hash = "sha256:760c25ed6ac968e24803eb5f7deb17ce026902d39865e83036bacbf5cf242aa8"},
-    {file = "librt-0.6.3-cp314-cp314-musllinux_1_2_x86_64.whl", hash = "sha256:4aa4a93a353ccff20df6e34fa855ae8fd788832c88f40a9070e3ddd3356a9f0e"},
-    {file = "librt-0.6.3-cp314-cp314-win32.whl", hash = "sha256:cb92741c2b4ea63c09609b064b26f7f5d9032b61ae222558c55832ec3ad0bcaf"},
-    {file = "librt-0.6.3-cp314-cp314-win_amd64.whl", hash = "sha256:fdcd095b1b812d756fa5452aca93b962cf620694c0cadb192cec2bb77dcca9a2"},
-    {file = "librt-0.6.3-cp314-cp314-win_arm64.whl", hash = "sha256:822ca79e28720a76a935c228d37da6579edef048a17cd98d406a2484d10eda78"},
-    {file = "librt-0.6.3-cp314-cp314t-macosx_10_13_x86_64.whl", hash = "sha256:078cd77064d1640cb7b0650871a772956066174d92c8aeda188a489b58495179"},
-    {file = "librt-0.6.3-cp314-cp314t-macosx_11_0_arm64.whl", hash = "sha256:5cc22f7f5c0cc50ed69f4b15b9c51d602aabc4500b433aaa2ddd29e578f452f7"},
-    {file = "librt-0.6.3-cp314-cp314t-manylinux1_i686.manylinux_2_28_i686.manylinux_2_5_i686.whl", hash = "sha256:14b345eb7afb61b9fdcdfda6738946bd11b8e0f6be258666b0646af3b9bb5916"},
-    {file = "librt-0.6.3-cp314-cp314t-manylinux2014_aarch64.manylinux_2_17_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:6d46aa46aa29b067f0b8b84f448fd9719aaf5f4c621cc279164d76a9dc9ab3e8"},
-    {file = "librt-0.6.3-cp314-cp314t-manylinux2014_x86_64.manylinux_2_17_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:1b51ba7d9d5d9001494769eca8c0988adce25d0a970c3ba3f2eb9df9d08036fc"},
-    {file = "librt-0.6.3-cp314-cp314t-musllinux_1_2_aarch64.whl", hash = "sha256:ced0925a18fddcff289ef54386b2fc230c5af3c83b11558571124bfc485b8c07"},
-    {file = "librt-0.6.3-cp314-cp314t-musllinux_1_2_i686.whl", hash = "sha256:6bac97e51f66da2ca012adddbe9fd656b17f7368d439de30898f24b39512f40f"},
-    {file = "librt-0.6.3-cp314-cp314t-musllinux_1_2_x86_64.whl", hash = "sha256:b2922a0e8fa97395553c304edc3bd36168d8eeec26b92478e292e5d4445c1ef0"},
-    {file = "librt-0.6.3-cp314-cp314t-win32.whl", hash = "sha256:f33462b19503ba68d80dac8a1354402675849259fb3ebf53b67de86421735a3a"},
-    {file = "librt-0.6.3-cp314-cp314t-win_amd64.whl", hash = "sha256:04f8ce401d4f6380cfc42af0f4e67342bf34c820dae01343f58f472dbac75dcf"},
-    {file = "librt-0.6.3-cp314-cp314t-win_arm64.whl", hash = "sha256:afb39550205cc5e5c935762c6bf6a2bb34f7d21a68eadb25e2db7bf3593fecc0"},
-    {file = "librt-0.6.3-cp39-cp39-macosx_10_9_x86_64.whl", hash = "sha256:09262cb2445b6f15d09141af20b95bb7030c6f13b00e876ad8fdd1a9045d6aa5"},
-    {file = "librt-0.6.3-cp39-cp39-macosx_11_0_arm64.whl", hash = "sha256:57705e8eec76c5b77130d729c0f70190a9773366c555c5457c51eace80afd873"},
-    {file = "librt-0.6.3-cp39-cp39-manylinux1_i686.manylinux_2_28_i686.manylinux_2_5_i686.whl", hash = "sha256:3ac2a7835434b31def8ed5355dd9b895bbf41642d61967522646d1d8b9681106"},
-    {file = "librt-0.6.3-cp39-cp39-manylinux2014_aarch64.manylinux_2_17_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:71f0a5918aebbea1e7db2179a8fe87e8a8732340d9e8b8107401fb407eda446e"},
-    {file = "librt-0.6.3-cp39-cp39-manylinux2014_x86_64.manylinux_2_17_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:aa346e202e6e1ebc01fe1c69509cffe486425884b96cb9ce155c99da1ecbe0e9"},
-    {file = "librt-0.6.3-cp39-cp39-musllinux_1_2_aarch64.whl", hash = "sha256:92267f865c7bbd12327a0d394666948b9bf4b51308b52947c0cc453bfa812f5d"},
-    {file = "librt-0.6.3-cp39-cp39-musllinux_1_2_i686.whl", hash = "sha256:86605d5bac340beb030cbc35859325982a79047ebdfba1e553719c7126a2389d"},
-    {file = "librt-0.6.3-cp39-cp39-musllinux_1_2_x86_64.whl", hash = "sha256:98e4bbecbef8d2a60ecf731d735602feee5ac0b32117dbbc765e28b054bac912"},
-    {file = "librt-0.6.3-cp39-cp39-win32.whl", hash = "sha256:3caa0634c02d5ff0b2ae4a28052e0d8c5f20d497623dc13f629bd4a9e2a6efad"},
-    {file = "librt-0.6.3-cp39-cp39-win_amd64.whl", hash = "sha256:b47395091e7e0ece1e6ebac9b98bf0c9084d1e3d3b2739aa566be7e56e3f7bf2"},
-    {file = "librt-0.6.3.tar.gz", hash = "sha256:c724a884e642aa2bbad52bb0203ea40406ad742368a5f90da1b220e970384aae"},
+    {file = "librt-0.8.1-cp310-cp310-macosx_10_9_x86_64.whl", hash = "sha256:81fd938344fecb9373ba1b155968c8a329491d2ce38e7ddb76f30ffb938f12dc"},
+    {file = "librt-0.8.1-cp310-cp310-macosx_11_0_arm64.whl", hash = "sha256:5db05697c82b3a2ec53f6e72b2ed373132b0c2e05135f0696784e97d7f5d48e7"},
+    {file = "librt-0.8.1-cp310-cp310-manylinux1_i686.manylinux_2_28_i686.manylinux_2_5_i686.whl", hash = "sha256:d56bc4011975f7460bea7b33e1ff425d2f1adf419935ff6707273c77f8a4ada6"},
+    {file = "librt-0.8.1-cp310-cp310-manylinux2014_aarch64.manylinux_2_17_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:5cdc0f588ff4b663ea96c26d2a230c525c6fc62b28314edaaaca8ed5af931ad0"},
+    {file = "librt-0.8.1-cp310-cp310-manylinux2014_x86_64.manylinux_2_17_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:97c2b54ff6717a7a563b72627990bec60d8029df17df423f0ed37d56a17a176b"},
+    {file = "librt-0.8.1-cp310-cp310-manylinux_2_31_riscv64.manylinux_2_39_riscv64.whl", hash = "sha256:8f1125e6bbf2f1657d9a2f3ccc4a2c9b0c8b176965bb565dd4d86be67eddb4b6"},
+    {file = "librt-0.8.1-cp310-cp310-musllinux_1_2_aarch64.whl", hash = "sha256:8f4bb453f408137d7581be309b2fbc6868a80e7ef60c88e689078ee3a296ae71"},
+    {file = "librt-0.8.1-cp310-cp310-musllinux_1_2_i686.whl", hash = "sha256:c336d61d2fe74a3195edc1646d53ff1cddd3a9600b09fa6ab75e5514ba4862a7"},
+    {file = "librt-0.8.1-cp310-cp310-musllinux_1_2_riscv64.whl", hash = "sha256:eb5656019db7c4deacf0c1a55a898c5bb8f989be904597fcb5232a2f4828fa05"},
+    {file = "librt-0.8.1-cp310-cp310-musllinux_1_2_x86_64.whl", hash = "sha256:c25d9e338d5bed46c1632f851babf3d13c78f49a225462017cf5e11e845c5891"},
+    {file = "librt-0.8.1-cp310-cp310-win32.whl", hash = "sha256:aaab0e307e344cb28d800957ef3ec16605146ef0e59e059a60a176d19543d1b7"},
+    {file = "librt-0.8.1-cp310-cp310-win_amd64.whl", hash = "sha256:56e04c14b696300d47b3bc5f1d10a00e86ae978886d0cee14e5714fafb5df5d2"},
+    {file = "librt-0.8.1-cp311-cp311-macosx_10_9_x86_64.whl", hash = "sha256:681dc2451d6d846794a828c16c22dc452d924e9f700a485b7ecb887a30aad1fd"},
+    {file = "librt-0.8.1-cp311-cp311-macosx_11_0_arm64.whl", hash = "sha256:a3b4350b13cc0e6f5bec8fa7caf29a8fb8cdc051a3bae45cfbfd7ce64f009965"},
+    {file = "librt-0.8.1-cp311-cp311-manylinux1_i686.manylinux_2_28_i686.manylinux_2_5_i686.whl", hash = "sha256:ac1e7817fd0ed3d14fd7c5df91daed84c48e4c2a11ee99c0547f9f62fdae13da"},
+    {file = "librt-0.8.1-cp311-cp311-manylinux2014_aarch64.manylinux_2_17_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:747328be0c5b7075cde86a0e09d7a9196029800ba75a1689332348e998fb85c0"},
+    {file = "librt-0.8.1-cp311-cp311-manylinux2014_x86_64.manylinux_2_17_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:f0af2bd2bc204fa27f3d6711d0f360e6b8c684a035206257a81673ab924aa11e"},
+    {file = "librt-0.8.1-cp311-cp311-manylinux_2_31_riscv64.manylinux_2_39_riscv64.whl", hash = "sha256:d480de377f5b687b6b1bc0c0407426da556e2a757633cc7e4d2e1a057aa688f3"},
+    {file = "librt-0.8.1-cp311-cp311-musllinux_1_2_aarch64.whl", hash = "sha256:d0ee06b5b5291f609ddb37b9750985b27bc567791bc87c76a569b3feed8481ac"},
+    {file = "librt-0.8.1-cp311-cp311-musllinux_1_2_i686.whl", hash = "sha256:9e2c6f77b9ad48ce5603b83b7da9ee3e36b3ab425353f695cba13200c5d96596"},
+    {file = "librt-0.8.1-cp311-cp311-musllinux_1_2_riscv64.whl", hash = "sha256:439352ba9373f11cb8e1933da194dcc6206daf779ff8df0ed69c5e39113e6a99"},
+    {file = "librt-0.8.1-cp311-cp311-musllinux_1_2_x86_64.whl", hash = "sha256:82210adabbc331dbb65d7868b105185464ef13f56f7f76688565ad79f648b0fe"},
+    {file = "librt-0.8.1-cp311-cp311-win32.whl", hash = "sha256:52c224e14614b750c0a6d97368e16804a98c684657c7518752c356834fff83bb"},
+    {file = "librt-0.8.1-cp311-cp311-win_amd64.whl", hash = "sha256:c00e5c884f528c9932d278d5c9cbbea38a6b81eb62c02e06ae53751a83a4d52b"},
+    {file = "librt-0.8.1-cp311-cp311-win_arm64.whl", hash = "sha256:f7cdf7f26c2286ffb02e46d7bac56c94655540b26347673bea15fa52a6af17e9"},
+    {file = "librt-0.8.1-cp312-cp312-macosx_10_13_x86_64.whl", hash = "sha256:a28f2612ab566b17f3698b0da021ff9960610301607c9a5e8eaca62f5e1c350a"},
+    {file = "librt-0.8.1-cp312-cp312-macosx_11_0_arm64.whl", hash = "sha256:60a78b694c9aee2a0f1aaeaa7d101cf713e92e8423a941d2897f4fa37908dab9"},
+    {file = "librt-0.8.1-cp312-cp312-manylinux1_i686.manylinux_2_28_i686.manylinux_2_5_i686.whl", hash = "sha256:758509ea3f1eba2a57558e7e98f4659d0ea7670bff49673b0dde18a3c7e6c0eb"},
+    {file = "librt-0.8.1-cp312-cp312-manylinux2014_aarch64.manylinux_2_17_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:039b9f2c506bd0ab0f8725aa5ba339c6f0cd19d3b514b50d134789809c24285d"},
+    {file = "librt-0.8.1-cp312-cp312-manylinux2014_x86_64.manylinux_2_17_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:5bb54f1205a3a6ab41a6fd71dfcdcbd278670d3a90ca502a30d9da583105b6f7"},
+    {file = "librt-0.8.1-cp312-cp312-manylinux_2_31_riscv64.manylinux_2_39_riscv64.whl", hash = "sha256:05bd41cdee35b0c59c259f870f6da532a2c5ca57db95b5f23689fcb5c9e42440"},
+    {file = "librt-0.8.1-cp312-cp312-musllinux_1_2_aarch64.whl", hash = "sha256:adfab487facf03f0d0857b8710cf82d0704a309d8ffc33b03d9302b4c64e91a9"},
+    {file = "librt-0.8.1-cp312-cp312-musllinux_1_2_i686.whl", hash = "sha256:153188fe98a72f206042be10a2c6026139852805215ed9539186312d50a8e972"},
+    {file = "librt-0.8.1-cp312-cp312-musllinux_1_2_riscv64.whl", hash = "sha256:dd3c41254ee98604b08bd5b3af5bf0a89740d4ee0711de95b65166bf44091921"},
+    {file = "librt-0.8.1-cp312-cp312-musllinux_1_2_x86_64.whl", hash = "sha256:e0d138c7ae532908cbb342162b2611dbd4d90c941cd25ab82084aaf71d2c0bd0"},
+    {file = "librt-0.8.1-cp312-cp312-win32.whl", hash = "sha256:43353b943613c5d9c49a25aaffdba46f888ec354e71e3529a00cca3f04d66a7a"},
+    {file = "librt-0.8.1-cp312-cp312-win_amd64.whl", hash = "sha256:ff8baf1f8d3f4b6b7257fcb75a501f2a5499d0dda57645baa09d4d0d34b19444"},
+    {file = "librt-0.8.1-cp312-cp312-win_arm64.whl", hash = "sha256:0f2ae3725904f7377e11cc37722d5d401e8b3d5851fb9273d7f4fe04f6b3d37d"},
+    {file = "librt-0.8.1-cp313-cp313-macosx_10_13_x86_64.whl", hash = "sha256:7e6bad1cd94f6764e1e21950542f818a09316645337fd5ab9a7acc45d99a8f35"},
+    {file = "librt-0.8.1-cp313-cp313-macosx_11_0_arm64.whl", hash = "sha256:cf450f498c30af55551ba4f66b9123b7185362ec8b625a773b3d39aa1a717583"},
+    {file = "librt-0.8.1-cp313-cp313-manylinux1_i686.manylinux_2_28_i686.manylinux_2_5_i686.whl", hash = "sha256:eca45e982fa074090057132e30585a7e8674e9e885d402eae85633e9f449ce6c"},
+    {file = "librt-0.8.1-cp313-cp313-manylinux2014_aarch64.manylinux_2_17_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:0c3811485fccfda840861905b8c70bba5ec094e02825598bb9d4ca3936857a04"},
+    {file = "librt-0.8.1-cp313-cp313-manylinux2014_x86_64.manylinux_2_17_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:5e4af413908f77294605e28cfd98063f54b2c790561383971d2f52d113d9c363"},
+    {file = "librt-0.8.1-cp313-cp313-manylinux_2_31_riscv64.manylinux_2_39_riscv64.whl", hash = "sha256:5212a5bd7fae98dae95710032902edcd2ec4dc994e883294f75c857b83f9aba0"},
+    {file = "librt-0.8.1-cp313-cp313-musllinux_1_2_aarch64.whl", hash = "sha256:e692aa2d1d604e6ca12d35e51fdc36f4cda6345e28e36374579f7ef3611b3012"},
+    {file = "librt-0.8.1-cp313-cp313-musllinux_1_2_i686.whl", hash = "sha256:4be2a5c926b9770c9e08e717f05737a269b9d0ebc5d2f0060f0fe3fe9ce47acb"},
+    {file = "librt-0.8.1-cp313-cp313-musllinux_1_2_riscv64.whl", hash = "sha256:fd1a720332ea335ceb544cf0a03f81df92abd4bb887679fd1e460976b0e6214b"},
+    {file = "librt-0.8.1-cp313-cp313-musllinux_1_2_x86_64.whl", hash = "sha256:93c2af9e01e0ef80d95ae3c720be101227edae5f2fe7e3dc63d8857fadfc5a1d"},
+    {file = "librt-0.8.1-cp313-cp313-win32.whl", hash = "sha256:086a32dbb71336627e78cc1d6ee305a68d038ef7d4c39aaff41ae8c9aa46e91a"},
+    {file = "librt-0.8.1-cp313-cp313-win_amd64.whl", hash = "sha256:e11769a1dbda4da7b00a76cfffa67aa47cfa66921d2724539eee4b9ede780b79"},
+    {file = "librt-0.8.1-cp313-cp313-win_arm64.whl", hash = "sha256:924817ab3141aca17893386ee13261f1d100d1ef410d70afe4389f2359fea4f0"},
+    {file = "librt-0.8.1-cp314-cp314-macosx_10_13_x86_64.whl", hash = "sha256:6cfa7fe54fd4d1f47130017351a959fe5804bda7a0bc7e07a2cdbc3fdd28d34f"},
+    {file = "librt-0.8.1-cp314-cp314-macosx_11_0_arm64.whl", hash = "sha256:228c2409c079f8c11fb2e5d7b277077f694cb93443eb760e00b3b83cb8b3176c"},
+    {file = "librt-0.8.1-cp314-cp314-manylinux1_i686.manylinux_2_28_i686.manylinux_2_5_i686.whl", hash = "sha256:7aae78ab5e3206181780e56912d1b9bb9f90a7249ce12f0e8bf531d0462dd0fc"},
+    {file = "librt-0.8.1-cp314-cp314-manylinux2014_aarch64.manylinux_2_17_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:172d57ec04346b047ca6af181e1ea4858086c80bdf455f61994c4aa6fc3f866c"},
+    {file = "librt-0.8.1-cp314-cp314-manylinux2014_x86_64.manylinux_2_17_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:6b1977c4ea97ce5eb7755a78fae68d87e4102e4aaf54985e8b56806849cc06a3"},
+    {file = "librt-0.8.1-cp314-cp314-manylinux_2_31_riscv64.manylinux_2_39_riscv64.whl", hash = "sha256:10c42e1f6fd06733ef65ae7bebce2872bcafd8d6e6b0a08fe0a05a23b044fb14"},
+    {file = "librt-0.8.1-cp314-cp314-musllinux_1_2_aarch64.whl", hash = "sha256:4c8dfa264b9193c4ee19113c985c95f876fae5e51f731494fc4e0cf594990ba7"},
+    {file = "librt-0.8.1-cp314-cp314-musllinux_1_2_i686.whl", hash = "sha256:01170b6729a438f0dedc4a26ed342e3dc4f02d1000b4b19f980e1877f0c297e6"},
+    {file = "librt-0.8.1-cp314-cp314-musllinux_1_2_riscv64.whl", hash = "sha256:7b02679a0d783bdae30d443025b94465d8c3dc512f32f5b5031f93f57ac32071"},
+    {file = "librt-0.8.1-cp314-cp314-musllinux_1_2_x86_64.whl", hash = "sha256:190b109bb69592a3401fe1ffdea41a2e73370ace2ffdc4a0e8e2b39cdea81b78"},
+    {file = "librt-0.8.1-cp314-cp314-win32.whl", hash = "sha256:e70a57ecf89a0f64c24e37f38d3fe217a58169d2fe6ed6d70554964042474023"},
+    {file = "librt-0.8.1-cp314-cp314-win_amd64.whl", hash = "sha256:7e2f3edca35664499fbb36e4770650c4bd4a08abc1f4458eab9df4ec56389730"},
+    {file = "librt-0.8.1-cp314-cp314-win_arm64.whl", hash = "sha256:0d2f82168e55ddefd27c01c654ce52379c0750ddc31ee86b4b266bcf4d65f2a3"},
+    {file = "librt-0.8.1-cp314-cp314t-macosx_10_13_x86_64.whl", hash = "sha256:2c74a2da57a094bd48d03fa5d196da83d2815678385d2978657499063709abe1"},
+    {file = "librt-0.8.1-cp314-cp314t-macosx_11_0_arm64.whl", hash = "sha256:a355d99c4c0d8e5b770313b8b247411ed40949ca44e33e46a4789b9293a907ee"},
+    {file = "librt-0.8.1-cp314-cp314t-manylinux1_i686.manylinux_2_28_i686.manylinux_2_5_i686.whl", hash = "sha256:2eb345e8b33fb748227409c9f1233d4df354d6e54091f0e8fc53acdb2ffedeb7"},
+    {file = "librt-0.8.1-cp314-cp314t-manylinux2014_aarch64.manylinux_2_17_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:9be2f15e53ce4e83cc08adc29b26fb5978db62ef2a366fbdf716c8a6c8901040"},
+    {file = "librt-0.8.1-cp314-cp314t-manylinux2014_x86_64.manylinux_2_17_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:785ae29c1f5c6e7c2cde2c7c0e148147f4503da3abc5d44d482068da5322fd9e"},
+    {file = "librt-0.8.1-cp314-cp314t-manylinux_2_31_riscv64.manylinux_2_39_riscv64.whl", hash = "sha256:1d3a7da44baf692f0c6aeb5b2a09c5e6fc7a703bca9ffa337ddd2e2da53f7732"},
+    {file = "librt-0.8.1-cp314-cp314t-musllinux_1_2_aarch64.whl", hash = "sha256:5fc48998000cbc39ec0d5311312dda93ecf92b39aaf184c5e817d5d440b29624"},
+    {file = "librt-0.8.1-cp314-cp314t-musllinux_1_2_i686.whl", hash = "sha256:e96baa6820280077a78244b2e06e416480ed859bbd8e5d641cf5742919d8beb4"},
+    {file = "librt-0.8.1-cp314-cp314t-musllinux_1_2_riscv64.whl", hash = "sha256:31362dbfe297b23590530007062c32c6f6176f6099646bb2c95ab1b00a57c382"},
+    {file = "librt-0.8.1-cp314-cp314t-musllinux_1_2_x86_64.whl", hash = "sha256:cc3656283d11540ab0ea01978378e73e10002145117055e03722417aeab30994"},
+    {file = "librt-0.8.1-cp314-cp314t-win32.whl", hash = "sha256:738f08021b3142c2918c03692608baed43bc51144c29e35807682f8070ee2a3a"},
+    {file = "librt-0.8.1-cp314-cp314t-win_amd64.whl", hash = "sha256:89815a22daf9c51884fb5dbe4f1ef65ee6a146e0b6a8df05f753e2e4a9359bf4"},
+    {file = "librt-0.8.1-cp314-cp314t-win_arm64.whl", hash = "sha256:bf512a71a23504ed08103a13c941f763db13fb11177beb3d9244c98c29fb4a61"},
+    {file = "librt-0.8.1-cp39-cp39-macosx_10_9_x86_64.whl", hash = "sha256:3dff3d3ca8db20e783b1bc7de49c0a2ab0b8387f31236d6a026597d07fcd68ac"},
+    {file = "librt-0.8.1-cp39-cp39-macosx_11_0_arm64.whl", hash = "sha256:08eec3a1fc435f0d09c87b6bf1ec798986a3544f446b864e4099633a56fcd9ed"},
+    {file = "librt-0.8.1-cp39-cp39-manylinux1_i686.manylinux_2_28_i686.manylinux_2_5_i686.whl", hash = "sha256:e3f0a41487fd5fad7e760b9e8a90e251e27c2816fbc2cff36a22a0e6bcbbd9dd"},
+    {file = "librt-0.8.1-cp39-cp39-manylinux2014_aarch64.manylinux_2_17_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:bacdb58d9939d95cc557b4dbaa86527c9db2ac1ed76a18bc8d26f6dc8647d851"},
+    {file = "librt-0.8.1-cp39-cp39-manylinux2014_x86_64.manylinux_2_17_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:b6d7ab1f01aa753188605b09a51faa44a3327400b00b8cce424c71910fc0a128"},
+    {file = "librt-0.8.1-cp39-cp39-manylinux_2_31_riscv64.manylinux_2_39_riscv64.whl", hash = "sha256:4998009e7cb9e896569f4be7004f09d0ed70d386fa99d42b6d363f6d200501ac"},
+    {file = "librt-0.8.1-cp39-cp39-musllinux_1_2_aarch64.whl", hash = "sha256:2cc68eeeef5e906839c7bb0815748b5b0a974ec27125beefc0f942715785b551"},
+    {file = "librt-0.8.1-cp39-cp39-musllinux_1_2_i686.whl", hash = "sha256:0bf69d79a23f4f40b8673a947a234baeeb133b5078b483b7297c5916539cf5d5"},
+    {file = "librt-0.8.1-cp39-cp39-musllinux_1_2_riscv64.whl", hash = "sha256:22b46eabd76c1986ee7d231b0765ad387d7673bbd996aa0d0d054b38ac65d8f6"},
+    {file = "librt-0.8.1-cp39-cp39-musllinux_1_2_x86_64.whl", hash = "sha256:237796479f4d0637d6b9cbcb926ff424a97735e68ade6facf402df4ec93375ed"},
+    {file = "librt-0.8.1-cp39-cp39-win32.whl", hash = "sha256:4beb04b8c66c6ae62f8c1e0b2f097c1ebad9295c929a8d5286c05eae7c2fc7dc"},
+    {file = "librt-0.8.1-cp39-cp39-win_amd64.whl", hash = "sha256:64548cde61b692dc0dc379f4b5f59a2f582c2ebe7890d09c1ae3b9e66fa015b7"},
+    {file = "librt-0.8.1.tar.gz", hash = "sha256:be46a14693955b3bd96014ccbdb8339ee8c9346fbe11c1b78901b55125f14c73"},
 ]
 
 [[package]]
@@ -642,56 +656,62 @@ files = [
 
 [[package]]
 name = "mypy"
-version = "1.19.1"
+version = "1.20.0"
 description = "Optional static typing for Python"
 optional = false
-python-versions = ">=3.9"
+python-versions = ">=3.10"
 groups = ["dev"]
 files = [
-    {file = "mypy-1.19.1-cp310-cp310-macosx_10_9_x86_64.whl", hash = "sha256:5f05aa3d375b385734388e844bc01733bd33c644ab48e9684faa54e5389775ec"},
-    {file = "mypy-1.19.1-cp310-cp310-macosx_11_0_arm64.whl", hash = "sha256:022ea7279374af1a5d78dfcab853fe6a536eebfda4b59deab53cd21f6cd9f00b"},
-    {file = "mypy-1.19.1-cp310-cp310-manylinux2014_aarch64.manylinux_2_17_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:ee4c11e460685c3e0c64a4c5de82ae143622410950d6be863303a1c4ba0e36d6"},
-    {file = "mypy-1.19.1-cp310-cp310-manylinux2014_x86_64.manylinux_2_17_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:de759aafbae8763283b2ee5869c7255391fbc4de3ff171f8f030b5ec48381b74"},
-    {file = "mypy-1.19.1-cp310-cp310-musllinux_1_2_x86_64.whl", hash = "sha256:ab43590f9cd5108f41aacf9fca31841142c786827a74ab7cc8a2eacb634e09a1"},
-    {file = "mypy-1.19.1-cp310-cp310-win_amd64.whl", hash = "sha256:2899753e2f61e571b3971747e302d5f420c3fd09650e1951e99f823bc3089dac"},
-    {file = "mypy-1.19.1-cp311-cp311-macosx_10_9_x86_64.whl", hash = "sha256:d8dfc6ab58ca7dda47d9237349157500468e404b17213d44fc1cb77bce532288"},
-    {file = "mypy-1.19.1-cp311-cp311-macosx_11_0_arm64.whl", hash = "sha256:e3f276d8493c3c97930e354b2595a44a21348b320d859fb4a2b9f66da9ed27ab"},
-    {file = "mypy-1.19.1-cp311-cp311-manylinux2014_aarch64.manylinux_2_17_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:2abb24cf3f17864770d18d673c85235ba52456b36a06b6afc1e07c1fdcd3d0e6"},
-    {file = "mypy-1.19.1-cp311-cp311-manylinux2014_x86_64.manylinux_2_17_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:a009ffa5a621762d0c926a078c2d639104becab69e79538a494bcccb62cc0331"},
-    {file = "mypy-1.19.1-cp311-cp311-musllinux_1_2_x86_64.whl", hash = "sha256:f7cee03c9a2e2ee26ec07479f38ea9c884e301d42c6d43a19d20fb014e3ba925"},
-    {file = "mypy-1.19.1-cp311-cp311-win_amd64.whl", hash = "sha256:4b84a7a18f41e167f7995200a1d07a4a6810e89d29859df936f1c3923d263042"},
-    {file = "mypy-1.19.1-cp312-cp312-macosx_10_13_x86_64.whl", hash = "sha256:a8174a03289288c1f6c46d55cef02379b478bfbc8e358e02047487cad44c6ca1"},
-    {file = "mypy-1.19.1-cp312-cp312-macosx_11_0_arm64.whl", hash = "sha256:ffcebe56eb09ff0c0885e750036a095e23793ba6c2e894e7e63f6d89ad51f22e"},
-    {file = "mypy-1.19.1-cp312-cp312-manylinux2014_aarch64.manylinux_2_17_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:b64d987153888790bcdb03a6473d321820597ab8dd9243b27a92153c4fa50fd2"},
-    {file = "mypy-1.19.1-cp312-cp312-manylinux2014_x86_64.manylinux_2_17_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:c35d298c2c4bba75feb2195655dfea8124d855dfd7343bf8b8c055421eaf0cf8"},
-    {file = "mypy-1.19.1-cp312-cp312-musllinux_1_2_x86_64.whl", hash = "sha256:34c81968774648ab5ac09c29a375fdede03ba253f8f8287847bd480782f73a6a"},
-    {file = "mypy-1.19.1-cp312-cp312-win_amd64.whl", hash = "sha256:b10e7c2cd7870ba4ad9b2d8a6102eb5ffc1f16ca35e3de6bfa390c1113029d13"},
-    {file = "mypy-1.19.1-cp313-cp313-macosx_10_13_x86_64.whl", hash = "sha256:e3157c7594ff2ef1634ee058aafc56a82db665c9438fd41b390f3bde1ab12250"},
-    {file = "mypy-1.19.1-cp313-cp313-macosx_11_0_arm64.whl", hash = "sha256:bdb12f69bcc02700c2b47e070238f42cb87f18c0bc1fc4cdb4fb2bc5fd7a3b8b"},
-    {file = "mypy-1.19.1-cp313-cp313-manylinux2014_aarch64.manylinux_2_17_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:f859fb09d9583a985be9a493d5cfc5515b56b08f7447759a0c5deaf68d80506e"},
-    {file = "mypy-1.19.1-cp313-cp313-manylinux2014_x86_64.manylinux_2_17_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:c9a6538e0415310aad77cb94004ca6482330fece18036b5f360b62c45814c4ef"},
-    {file = "mypy-1.19.1-cp313-cp313-musllinux_1_2_x86_64.whl", hash = "sha256:da4869fc5e7f62a88f3fe0b5c919d1d9f7ea3cef92d3689de2823fd27e40aa75"},
-    {file = "mypy-1.19.1-cp313-cp313-win_amd64.whl", hash = "sha256:016f2246209095e8eda7538944daa1d60e1e8134d98983b9fc1e92c1fc0cb8dd"},
-    {file = "mypy-1.19.1-cp314-cp314-macosx_10_15_x86_64.whl", hash = "sha256:06e6170bd5836770e8104c8fdd58e5e725cfeb309f0a6c681a811f557e97eac1"},
-    {file = "mypy-1.19.1-cp314-cp314-macosx_11_0_arm64.whl", hash = "sha256:804bd67b8054a85447c8954215a906d6eff9cabeabe493fb6334b24f4bfff718"},
-    {file = "mypy-1.19.1-cp314-cp314-manylinux2014_aarch64.manylinux_2_17_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:21761006a7f497cb0d4de3d8ef4ca70532256688b0523eee02baf9eec895e27b"},
-    {file = "mypy-1.19.1-cp314-cp314-manylinux2014_x86_64.manylinux_2_17_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:28902ee51f12e0f19e1e16fbe2f8f06b6637f482c459dd393efddd0ec7f82045"},
-    {file = "mypy-1.19.1-cp314-cp314-musllinux_1_2_x86_64.whl", hash = "sha256:481daf36a4c443332e2ae9c137dfee878fcea781a2e3f895d54bd3002a900957"},
-    {file = "mypy-1.19.1-cp314-cp314-win_amd64.whl", hash = "sha256:8bb5c6f6d043655e055be9b542aa5f3bdd30e4f3589163e85f93f3640060509f"},
-    {file = "mypy-1.19.1-cp39-cp39-macosx_10_9_x86_64.whl", hash = "sha256:7bcfc336a03a1aaa26dfce9fff3e287a3ba99872a157561cbfcebe67c13308e3"},
-    {file = "mypy-1.19.1-cp39-cp39-macosx_11_0_arm64.whl", hash = "sha256:b7951a701c07ea584c4fe327834b92a30825514c868b1f69c30445093fdd9d5a"},
-    {file = "mypy-1.19.1-cp39-cp39-manylinux2014_aarch64.manylinux_2_17_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:b13cfdd6c87fc3efb69ea4ec18ef79c74c3f98b4e5498ca9b85ab3b2c2329a67"},
-    {file = "mypy-1.19.1-cp39-cp39-manylinux2014_x86_64.manylinux_2_17_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:4f28f99c824ecebcdaa2e55d82953e38ff60ee5ec938476796636b86afa3956e"},
-    {file = "mypy-1.19.1-cp39-cp39-musllinux_1_2_x86_64.whl", hash = "sha256:c608937067d2fc5a4dd1a5ce92fd9e1398691b8c5d012d66e1ddd430e9244376"},
-    {file = "mypy-1.19.1-cp39-cp39-win_amd64.whl", hash = "sha256:409088884802d511ee52ca067707b90c883426bd95514e8cfda8281dc2effe24"},
-    {file = "mypy-1.19.1-py3-none-any.whl", hash = "sha256:f1235f5ea01b7db5468d53ece6aaddf1ad0b88d9e7462b86ef96fe04995d7247"},
-    {file = "mypy-1.19.1.tar.gz", hash = "sha256:19d88bb05303fe63f71dd2c6270daca27cb9401c4ca8255fe50d1d920e0eb9ba"},
+    {file = "mypy-1.20.0-cp310-cp310-macosx_10_9_x86_64.whl", hash = "sha256:d99f515f95fd03a90875fdb2cca12ff074aa04490db4d190905851bdf8a549a8"},
+    {file = "mypy-1.20.0-cp310-cp310-macosx_11_0_arm64.whl", hash = "sha256:bd0212976dc57a5bfeede7c219e7cd66568a32c05c9129686dd487c059c1b88a"},
+    {file = "mypy-1.20.0-cp310-cp310-manylinux2014_aarch64.manylinux_2_17_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:f8426d4d75d68714abc17a4292d922f6ba2cfb984b72c2278c437f6dae797865"},
+    {file = "mypy-1.20.0-cp310-cp310-manylinux2014_x86_64.manylinux_2_17_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:02cca0761c75b42a20a2757ae58713276605eb29a08dd8a6e092aa347c4115ca"},
+    {file = "mypy-1.20.0-cp310-cp310-musllinux_1_2_x86_64.whl", hash = "sha256:b3a49064504be59e59da664c5e149edc1f26c67c4f8e8456f6ba6aba55033018"},
+    {file = "mypy-1.20.0-cp310-cp310-win_amd64.whl", hash = "sha256:ebea00201737ad4391142808ed16e875add5c17f676e0912b387739f84991e13"},
+    {file = "mypy-1.20.0-cp310-cp310-win_arm64.whl", hash = "sha256:e80cf77847d0d3e6e3111b7b25db32a7f8762fd4b9a3a72ce53fe16a2863b281"},
+    {file = "mypy-1.20.0-cp311-cp311-macosx_10_9_x86_64.whl", hash = "sha256:4525e7010b1b38334516181c5b81e16180b8e149e6684cee5a727c78186b4e3b"},
+    {file = "mypy-1.20.0-cp311-cp311-macosx_11_0_arm64.whl", hash = "sha256:a17c5d0bdcca61ce24a35beb828a2d0d323d3fcf387d7512206888c900193367"},
+    {file = "mypy-1.20.0-cp311-cp311-manylinux2014_aarch64.manylinux_2_17_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:f75ff57defcd0f1d6e006d721ccdec6c88d4f6a7816eb92f1c4890d979d9ee62"},
+    {file = "mypy-1.20.0-cp311-cp311-manylinux2014_x86_64.manylinux_2_17_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:b503ab55a836136b619b5fc21c8803d810c5b87551af8600b72eecafb0059cb0"},
+    {file = "mypy-1.20.0-cp311-cp311-musllinux_1_2_x86_64.whl", hash = "sha256:1973868d2adbb4584a3835780b27436f06d1dc606af5be09f187aaa25be1070f"},
+    {file = "mypy-1.20.0-cp311-cp311-win_amd64.whl", hash = "sha256:2fcedb16d456106e545b2bfd7ef9d24e70b38ec252d2a629823a4d07ebcdb69e"},
+    {file = "mypy-1.20.0-cp311-cp311-win_arm64.whl", hash = "sha256:379edf079ce44ac8d2805bcf9b3dd7340d4f97aad3a5e0ebabbf9d125b84b442"},
+    {file = "mypy-1.20.0-cp312-cp312-macosx_10_13_x86_64.whl", hash = "sha256:002b613ae19f4ac7d18b7e168ffe1cb9013b37c57f7411984abbd3b817b0a214"},
+    {file = "mypy-1.20.0-cp312-cp312-macosx_11_0_arm64.whl", hash = "sha256:a9336b5e6712f4adaf5afc3203a99a40b379049104349d747eb3e5a3aa23ac2e"},
+    {file = "mypy-1.20.0-cp312-cp312-manylinux2014_aarch64.manylinux_2_17_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:f13b3e41bce9d257eded794c0f12878af3129d80aacd8a3ee0dee51f3a978651"},
+    {file = "mypy-1.20.0-cp312-cp312-manylinux2014_x86_64.manylinux_2_17_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:9804c3ad27f78e54e58b32e7cb532d128b43dbfb9f3f9f06262b821a0f6bd3f5"},
+    {file = "mypy-1.20.0-cp312-cp312-musllinux_1_2_x86_64.whl", hash = "sha256:697f102c5c1d526bdd761a69f17c6070f9892eebcb94b1a5963d679288c09e78"},
+    {file = "mypy-1.20.0-cp312-cp312-win_amd64.whl", hash = "sha256:0ecd63f75fdd30327e4ad8b5704bd6d91fc6c1b2e029f8ee14705e1207212489"},
+    {file = "mypy-1.20.0-cp312-cp312-win_arm64.whl", hash = "sha256:f194db59657c58593a3c47c6dfd7bad4ef4ac12dbc94d01b3a95521f78177e33"},
+    {file = "mypy-1.20.0-cp313-cp313-macosx_10_13_x86_64.whl", hash = "sha256:b20c8b0fd5877abdf402e79a3af987053de07e6fb208c18df6659f708b535134"},
+    {file = "mypy-1.20.0-cp313-cp313-macosx_11_0_arm64.whl", hash = "sha256:367e5c993ba34d5054d11937d0485ad6dfc60ba760fa326c01090fc256adf15c"},
+    {file = "mypy-1.20.0-cp313-cp313-manylinux2014_aarch64.manylinux_2_17_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:f799d9db89fc00446f03281f84a221e50018fc40113a3ba9864b132895619ebe"},
+    {file = "mypy-1.20.0-cp313-cp313-manylinux2014_x86_64.manylinux_2_17_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:555658c611099455b2da507582ea20d2043dfdfe7f5ad0add472b1c6238b433f"},
+    {file = "mypy-1.20.0-cp313-cp313-musllinux_1_2_x86_64.whl", hash = "sha256:efe8d70949c3023698c3fca1e94527e7e790a361ab8116f90d11221421cd8726"},
+    {file = "mypy-1.20.0-cp313-cp313-win_amd64.whl", hash = "sha256:f49590891d2c2f8a9de15614e32e459a794bcba84693c2394291a2038bbaaa69"},
+    {file = "mypy-1.20.0-cp313-cp313-win_arm64.whl", hash = "sha256:76a70bf840495729be47510856b978f1b0ec7d08f257ca38c9d932720bf6b43e"},
+    {file = "mypy-1.20.0-cp314-cp314-macosx_10_15_x86_64.whl", hash = "sha256:0f42dfaab7ec1baff3b383ad7af562ab0de573c5f6edb44b2dab016082b89948"},
+    {file = "mypy-1.20.0-cp314-cp314-macosx_11_0_arm64.whl", hash = "sha256:31b5dbb55293c1bd27c0fc813a0d2bb5ceef9d65ac5afa2e58f829dab7921fd5"},
+    {file = "mypy-1.20.0-cp314-cp314-manylinux2014_aarch64.manylinux_2_17_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:49d11c6f573a5a08f77fad13faff2139f6d0730ebed2cfa9b3d2702671dd7188"},
+    {file = "mypy-1.20.0-cp314-cp314-manylinux2014_x86_64.manylinux_2_17_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:7d3243c406773185144527f83be0e0aefc7bf4601b0b2b956665608bf7c98a83"},
+    {file = "mypy-1.20.0-cp314-cp314-musllinux_1_2_x86_64.whl", hash = "sha256:a79c1eba7ac4209f2d850f0edd0a2f8bba88cbfdfefe6fb76a19e9d4fe5e71a2"},
+    {file = "mypy-1.20.0-cp314-cp314-win_amd64.whl", hash = "sha256:00e047c74d3ec6e71a2eb88e9ea551a2edb90c21f993aefa9e0d2a898e0bb732"},
+    {file = "mypy-1.20.0-cp314-cp314-win_arm64.whl", hash = "sha256:931a7630bba591593dcf6e97224a21ff80fb357e7982628d25e3c618e7f598ef"},
+    {file = "mypy-1.20.0-cp314-cp314t-macosx_10_15_x86_64.whl", hash = "sha256:26c8b52627b6552f47ff11adb4e1509605f094e29815323e487fc0053ebe93d1"},
+    {file = "mypy-1.20.0-cp314-cp314t-macosx_11_0_arm64.whl", hash = "sha256:39362cdb4ba5f916e7976fccecaab1ba3a83e35f60fa68b64e9a70e221bb2436"},
+    {file = "mypy-1.20.0-cp314-cp314t-manylinux2014_aarch64.manylinux_2_17_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:34506397dbf40c15dc567635d18a21d33827e9ab29014fb83d292a8f4f8953b6"},
+    {file = "mypy-1.20.0-cp314-cp314t-manylinux2014_x86_64.manylinux_2_17_x86_64.manylinux_2_28_x86_64.whl", hash = "sha256:555493c44a4f5a1b58d611a43333e71a9981c6dbe26270377b6f8174126a0526"},
+    {file = "mypy-1.20.0-cp314-cp314t-musllinux_1_2_x86_64.whl", hash = "sha256:2721f0ce49cb74a38f00c50da67cb7d36317b5eda38877a49614dc018e91c787"},
+    {file = "mypy-1.20.0-cp314-cp314t-win_amd64.whl", hash = "sha256:47781555a7aa5fedcc2d16bcd72e0dc83eb272c10dd657f9fb3f9cc08e2e6abb"},
+    {file = "mypy-1.20.0-cp314-cp314t-win_arm64.whl", hash = "sha256:c70380fe5d64010f79fb863b9081c7004dd65225d2277333c219d93a10dad4dd"},
+    {file = "mypy-1.20.0-py3-none-any.whl", hash = "sha256:a6e0641147cbfa7e4e94efdb95c2dab1aff8cfc159ded13e07f308ddccc8c48e"},
+    {file = "mypy-1.20.0.tar.gz", hash = "sha256:eb96c84efcc33f0b5e0e04beacf00129dd963b67226b01c00b9dfc8affb464c3"},
 ]
 
 [package.dependencies]
-librt = {version = ">=0.6.2", markers = "platform_python_implementation != \"PyPy\""}
+librt = {version = ">=0.8.0", markers = "platform_python_implementation != \"PyPy\""}
 mypy_extensions = ">=1.0.0"
-pathspec = ">=0.9.0"
+pathspec = ">=1.0.0"
 typing_extensions = ">=4.6.0"
 
 [package.extras]
@@ -699,6 +719,7 @@ dmypy = ["psutil (>=4.0)"]
 faster-cache = ["orjson"]
 install-types = ["pip"]
 mypyc = ["setuptools (>=50)"]
+native-parser = ["ast-serialize (>=0.1.1,<1.0.0)"]
 reports = ["lxml"]
 
 [[package]]
@@ -727,16 +748,22 @@ files = [
 
 [[package]]
 name = "pathspec"
-version = "0.12.1"
+version = "1.0.4"
 description = "Utility library for gitignore style pattern matching of file paths."
 optional = false
-python-versions = ">=3.8"
+python-versions = ">=3.9"
 groups = ["dev"]
 files = [
-    {file = "pathspec-0.12.1-py3-none-any.whl", hash = "sha256:a0d503e138a4c123b27490a4f7beda6a01c6f288df0e4a8b79c7eb0dc7b4cc08"},
-    {file = "pathspec-0.12.1.tar.gz", hash = "sha256:a482d51503a1ab33b1c67a6c3813a26953dbdc71c31dacaef9a838c4e29f5712"},
+    {file = "pathspec-1.0.4-py3-none-any.whl", hash = "sha256:fb6ae2fd4e7c921a165808a552060e722767cfa526f99ca5156ed2ce45a5c723"},
+    {file = "pathspec-1.0.4.tar.gz", hash = "sha256:0210e2ae8a21a9137c0d470578cb0e595af87edaa6ebf12ff176f14a02e0e645"},
 ]
 
+[package.extras]
+hyperscan = ["hyperscan (>=0.7)"]
+optional = ["typing-extensions (>=4)"]
+re2 = ["google-re2 (>=1.1)"]
+tests = ["pytest (>=9)", "typing-extensions (>=4.15)"]
+
 [[package]]
 name = "pbr"
 version = "6.1.1"

From 06223c3f224b14ce682986932ffc72a98f2c600a Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Wed, 1 Apr 2026 22:30:27 +0200
Subject: [PATCH 65/79] Bump djangorestframework from 3.16.1 to 3.17.1 in
 /backend (#2137)

Bumps [djangorestframework](https://github.com/encode/django-rest-framework) from 3.16.1 to 3.17.1.
- [Release notes](https://github.com/encode/django-rest-framework/releases)
- [Commits](https://github.com/encode/django-rest-framework/compare/3.16.1...3.17.1)

---
updated-dependencies:
- dependency-name: djangorestframework
  dependency-version: 3.17.1
  dependency-type: direct:production
  update-type: version-update:semver-minor
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
---
 backend/poetry.lock | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/backend/poetry.lock b/backend/poetry.lock
index 055d9d24e..9bfa85cfe 100644
--- a/backend/poetry.lock
+++ b/backend/poetry.lock
@@ -344,14 +344,14 @@ Django = ">=2.2"
 
 [[package]]
 name = "djangorestframework"
-version = "3.16.1"
+version = "3.17.1"
 description = "Web APIs for Django, made easy."
 optional = false
-python-versions = ">=3.9"
+python-versions = ">=3.10"
 groups = ["main", "dev"]
 files = [
-    {file = "djangorestframework-3.16.1-py3-none-any.whl", hash = "sha256:33a59f47fb9c85ede792cbf88bde71893bcda0667bc573f784649521f1102cec"},
-    {file = "djangorestframework-3.16.1.tar.gz", hash = "sha256:166809528b1aced0a17dc66c24492af18049f2c9420dbd0be29422029cfc3ff7"},
+    {file = "djangorestframework-3.17.1-py3-none-any.whl", hash = "sha256:c3c74dd3e83a5a3efc37b3c18d92bd6f86a6791c7b7d4dff62bb068500e76457"},
+    {file = "djangorestframework-3.17.1.tar.gz", hash = "sha256:a6def5f447fe78ff853bff1d47a3c59bf38f5434b031780b351b0c73a62db1a5"},
 ]
 
 [package.dependencies]

From c641706cd6816f53345b07b51bf9fbe160daa126 Mon Sep 17 00:00:00 2001
From: Robin <16273164+robines@users.noreply.github.com>
Date: Wed, 1 Apr 2026 22:31:00 +0200
Subject: [PATCH 66/79] LoginPage: Replace SamfForm with React Hook Form
 (#2125)

---
 .../src/Pages/LoginPage/LoginForm.module.scss |  15 +++
 frontend/src/Pages/LoginPage/LoginForm.tsx    | 102 ++++++++++++++++++
 .../src/Pages/LoginPage/LoginPage.module.scss |  33 +-----
 frontend/src/Pages/LoginPage/LoginPage.tsx    |  72 ++-----------
 4 files changed, 130 insertions(+), 92 deletions(-)
 create mode 100644 frontend/src/Pages/LoginPage/LoginForm.module.scss
 create mode 100644 frontend/src/Pages/LoginPage/LoginForm.tsx

diff --git a/frontend/src/Pages/LoginPage/LoginForm.module.scss b/frontend/src/Pages/LoginPage/LoginForm.module.scss
new file mode 100644
index 000000000..c96ea1475
--- /dev/null
+++ b/frontend/src/Pages/LoginPage/LoginForm.module.scss
@@ -0,0 +1,15 @@
+@use 'src/constants' as *;
+
+@use 'src/mixins' as *;
+
+.login_button {
+  margin: 1rem 0 0 auto;
+}
+
+.login_failed_comment {
+  color: $red;
+  text-align: center;
+  margin-top: 0.6em;
+  font-size: 0.9em;
+  font-weight: 700;
+}
diff --git a/frontend/src/Pages/LoginPage/LoginForm.tsx b/frontend/src/Pages/LoginPage/LoginForm.tsx
new file mode 100644
index 000000000..c9c9911dd
--- /dev/null
+++ b/frontend/src/Pages/LoginPage/LoginForm.tsx
@@ -0,0 +1,102 @@
+import { zodResolver } from '@hookform/resolvers/zod';
+import { useMutation } from '@tanstack/react-query';
+import { useState } from 'react';
+import { useForm } from 'react-hook-form';
+import { useTranslation } from 'react-i18next';
+import { useLocation } from 'react-router';
+import { z } from 'zod';
+import { Button, Form, FormControl, FormField, FormItem, FormLabel, FormMessage, Input } from '~/Components';
+import { getUser, login } from '~/api';
+import { useAuthContext } from '~/context/AuthContext';
+import { useCustomNavigate } from '~/hooks';
+import { STATUS } from '~/http_status_codes';
+import { KEY } from '~/i18n/constants';
+import { ROUTES } from '~/routes';
+import { PASSWORD, USERNAME } from '~/schema/user';
+import { lowerCapitalize } from '~/utils';
+import styles from './LoginForm.module.scss';
+
+const schema = z.object({
+  username: USERNAME,
+  password: PASSWORD,
+});
+
+type LoginSchema = z.infer<typeof schema>;
+
+export function LoginForm() {
+  const { t } = useTranslation();
+  const { setUser } = useAuthContext();
+  const navigate = useCustomNavigate();
+  const [loginFailed, setLoginFailed] = useState(false);
+
+  const location = useLocation();
+  const { from } = location.state || {};
+  const fallbackUrl = typeof from === 'undefined' ? ROUTES.frontend.home : from.pathname;
+
+  const form = useForm<LoginSchema>({
+    resolver: zodResolver(schema),
+    defaultValues: {
+      username: '',
+      password: '',
+    },
+  });
+
+  const { mutate, isPending } = useMutation({
+    mutationFn: ({ username, password }: LoginSchema) => login(username, password),
+    onSuccess: (status) => {
+      if (status === STATUS.HTTP_202_ACCEPTED) {
+        getUser().then(setUser);
+        navigate(fallbackUrl);
+      } else {
+        setLoginFailed(true);
+      }
+    },
+    onError: (error) => {
+      setLoginFailed(true);
+      console.error(error);
+    },
+  });
+
+  function onSubmit(values: LoginSchema) {
+    mutate(values);
+  }
+
+  return (
+    <Form {...form}>
+      <form onSubmit={form.handleSubmit(onSubmit)}>
+        <FormField
+          control={form.control}
+          name="username"
+          disabled={isPending}
+          render={({ field }) => (
+            <FormItem>
+              <FormLabel>{t(KEY.common_username)}</FormLabel>
+              <FormControl>
+                <Input type="text" {...field} />
+              </FormControl>
+              <FormMessage />
+            </FormItem>
+          )}
+        />
+        <FormField
+          control={form.control}
+          name="password"
+          disabled={isPending}
+          render={({ field }) => (
+            <FormItem>
+              <FormLabel>{lowerCapitalize(t(KEY.common_password))}</FormLabel>
+              <FormControl>
+                <Input type="password" {...field} />
+              </FormControl>
+              <FormMessage />
+            </FormItem>
+          )}
+        />
+        {loginFailed && <p className={styles.login_failed_comment}>{t(KEY.loginpage_login_failed)}</p>}
+        <Button type="submit" theme="green" className={styles.login_button} rounded disabled={isPending}>
+          {t(KEY.common_login)}
+        </Button>
+      </form>
+    </Form>
+  );
+}
diff --git a/frontend/src/Pages/LoginPage/LoginPage.module.scss b/frontend/src/Pages/LoginPage/LoginPage.module.scss
index 1feeb5210..375e13894 100644
--- a/frontend/src/Pages/LoginPage/LoginPage.module.scss
+++ b/frontend/src/Pages/LoginPage/LoginPage.module.scss
@@ -15,46 +15,21 @@
   justify-content: center;
   flex-direction: column;
   box-sizing: border-box;
-  max-width: 31em;
-  width: 100%;
-  margin: 2em 1em;
+  width: 30em;
+  max-width: 100%;
+  margin-top: 2em;
 }
 
-.header_text {
+.center {
   text-align: center;
-  font-size: 1.8em;
-  margin-bottom: 1em;
-  font-weight: 600;
-  letter-spacing: -0.05rem;
-}
-
-.input_field {
-  display: block;
-  width: calc(100%);
-  margin-bottom: 0.8em;
-}
-
-.login_button {
-  width: 100%;
-  font-size: 1em;
 }
 
 .link {
-  color: $red-samf;
   text-align: center;
   margin-top: 0.6em;
   font-size: 0.9em;
-  text-decoration: none;
   font-weight: 700;
   &:hover {
     text-decoration: underline;
   }
 }
-
-.login_failed_comment {
-  color: $red;
-  text-align: center;
-  margin-top: 0.6em;
-  font-size: 0.9em;
-  font-weight: 700;
-}
diff --git a/frontend/src/Pages/LoginPage/LoginPage.tsx b/frontend/src/Pages/LoginPage/LoginPage.tsx
index 23239a969..ea9bd312e 100644
--- a/frontend/src/Pages/LoginPage/LoginPage.tsx
+++ b/frontend/src/Pages/LoginPage/LoginPage.tsx
@@ -1,58 +1,16 @@
-import { useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import { Link, useLocation } from 'react-router';
-import { Breadcrumb, Page } from '~/Components';
-import { SamfForm } from '~/Forms/SamfForm';
-import { SamfFormField } from '~/Forms/SamfFormField';
-import { getUser, login } from '~/api';
-import { useAuthContext } from '~/context/AuthContext';
-import { useCustomNavigate, useTitle } from '~/hooks';
-import { STATUS } from '~/http_status_codes';
+import { Breadcrumb, H2, Link, Page } from '~/Components';
+import { LoginForm } from '~/Pages/LoginPage/LoginForm';
+import { useTitle } from '~/hooks';
 import { KEY } from '~/i18n/constants';
 import { ROUTES } from '~/routes';
-import { lowerCapitalize } from '~/utils';
 import styles from './LoginPage.module.scss';
 
-type FormProps = {
-  username: string;
-  password: string;
-};
-
 export function LoginPage() {
   const { t } = useTranslation();
-  const [loginFailed, setLoginFailed] = useState(false);
-  const [submitting, setSubmitting] = useState(false);
-  const location = useLocation();
-  const { from } = location.state || {};
-  const { setUser } = useAuthContext();
-  const navigate = useCustomNavigate();
 
   useTitle(t(KEY.common_login));
 
-  const fallbackUrl = typeof from === 'undefined' ? ROUTES.frontend.home : from.pathname;
-
-  function handleLogin(formData: FormProps) {
-    setSubmitting(true);
-    login(formData.username, formData.password)
-      .then((status) => {
-        if (status === STATUS.HTTP_202_ACCEPTED) {
-          getUser().then((user) => {
-            setUser(user);
-          });
-          navigate(fallbackUrl);
-        } else {
-          setLoginFailed(true);
-        }
-      })
-      .catch((error) => {
-        setLoginFailed(true);
-        console.error(error);
-      })
-      .finally(() => {
-        setSubmitting(false);
-      });
-  }
-
   return (
     <Page>
       <div className={styles.login_container}>
@@ -60,26 +18,14 @@ export function LoginPage() {
           <div style={{ paddingBottom: '1rem' }}>
             <Breadcrumb />
           </div>
-          <SamfForm onSubmit={handleLogin} isDisabled={submitting} submitText={t(KEY.common_login) ?? ''}>
-            <h1 className={styles.header_text}>{t(KEY.loginpage_internal_login)}</h1>
-            <SamfFormField<string, FormProps>
-              required={true}
-              field="username"
-              type="text"
-              label={t(KEY.loginpage_username)}
-            />
-            <SamfFormField<string, FormProps>
-              required={true}
-              field="password"
-              type="password"
-              label={lowerCapitalize(t(KEY.common_password))}
-            />
-            {loginFailed && <p className={styles.login_failed_comment}>{t(KEY.loginpage_login_failed)}</p>}
-          </SamfForm>
-          <Link to={ROUTES.frontend.signup} className={styles.link}>
+
+          <H2 className={styles.center}>{t(KEY.loginpage_internal_login)}</H2>
+          <LoginForm />
+
+          <Link url={ROUTES.frontend.signup} className={styles.link}>
             {t(KEY.loginpage_register)}
           </Link>
-          <Link to={ROUTES.frontend.signup} className={styles.link}>
+          <Link url={ROUTES.frontend.signup} className={styles.link}>
             {t(KEY.loginpage_forgotten_password)}
           </Link>
         </div>

From 188eb73d09304529646d6a0dcb34214756b28691 Mon Sep 17 00:00:00 2001
From: Robin <16273164+robines@users.noreply.github.com>
Date: Wed, 1 Apr 2026 22:31:19 +0200
Subject: [PATCH 67/79] SignUpPage: Replace SamfForm with React Hook Form
 (#2126)

---
 .../Pages/SignUpPage/SignUpForm.module.scss   |  15 ++
 frontend/src/Pages/SignUpPage/SignUpForm.tsx  | 187 ++++++++++++++++++
 .../Pages/SignUpPage/SignUpPage.module.scss   |  33 ++--
 frontend/src/Pages/SignUpPage/SignUpPage.tsx  | 115 +----------
 frontend/src/i18n/constants.ts                |   3 +
 frontend/src/i18n/translations.ts             |  10 +-
 frontend/src/schema/user.ts                   |   7 +
 7 files changed, 242 insertions(+), 128 deletions(-)
 create mode 100644 frontend/src/Pages/SignUpPage/SignUpForm.module.scss
 create mode 100644 frontend/src/Pages/SignUpPage/SignUpForm.tsx

diff --git a/frontend/src/Pages/SignUpPage/SignUpForm.module.scss b/frontend/src/Pages/SignUpPage/SignUpForm.module.scss
new file mode 100644
index 000000000..aa84d1d72
--- /dev/null
+++ b/frontend/src/Pages/SignUpPage/SignUpForm.module.scss
@@ -0,0 +1,15 @@
+@use 'src/constants' as *;
+
+@use 'src/mixins' as *;
+
+.signup_button {
+  margin: 1rem 0 0 auto;
+}
+
+.signup_failed_comment {
+  color: $red;
+  text-align: center;
+  margin-top: 0.6em;
+  font-size: 0.9em;
+  font-weight: 700;
+}
diff --git a/frontend/src/Pages/SignUpPage/SignUpForm.tsx b/frontend/src/Pages/SignUpPage/SignUpForm.tsx
new file mode 100644
index 000000000..b837a6d16
--- /dev/null
+++ b/frontend/src/Pages/SignUpPage/SignUpForm.tsx
@@ -0,0 +1,187 @@
+import { zodResolver } from '@hookform/resolvers/zod';
+import { useMutation } from '@tanstack/react-query';
+import { useState } from 'react';
+import { useForm } from 'react-hook-form';
+import { useTranslation } from 'react-i18next';
+import { z } from 'zod';
+import { Button, Form, FormControl, FormField, FormItem, FormLabel, FormMessage, Input } from '~/Components';
+import { getUser, register } from '~/api';
+import { useAuthContext } from '~/context/AuthContext';
+import { useCustomNavigate } from '~/hooks';
+import { STATUS } from '~/http_status_codes';
+import { KEY } from '~/i18n/constants';
+import { ROUTES } from '~/routes';
+import { EMAIL, FIRST_NAME, LAST_NAME, PASSWORD, PHONE_NUMBER, USERNAME } from '~/schema/user';
+import { lowerCapitalize } from '~/utils';
+import styles from './SignUpForm.module.scss';
+
+export function SignUpForm() {
+  const { t } = useTranslation();
+  const [signUpFailed, setSignUpFailed] = useState(false);
+  const { setUser } = useAuthContext();
+  const navigate = useCustomNavigate();
+
+  const schema = z
+    .object({
+      username: USERNAME,
+      email: EMAIL,
+      phone_number: PHONE_NUMBER(t),
+      firstname: FIRST_NAME,
+      lastname: LAST_NAME,
+      password: PASSWORD,
+      repeat_password: PASSWORD,
+    })
+    .superRefine((value, ctx) => {
+      if (value.password !== value.repeat_password) {
+        ctx.addIssue({
+          code: 'custom',
+          path: ['repeat_password'],
+          message: t(KEY.loginpage_passwords_must_match),
+        });
+      }
+    });
+
+  type SignUpSchema = z.infer<typeof schema>;
+
+  const form = useForm<SignUpSchema>({
+    resolver: zodResolver(schema),
+    defaultValues: {
+      username: '',
+      email: '',
+      phone_number: '',
+      firstname: '',
+      lastname: '',
+      password: '',
+      repeat_password: '',
+    },
+  });
+
+  const { mutate, isPending } = useMutation({
+    mutationFn: (data: SignUpSchema) => register(data),
+    onSuccess: (status) => {
+      if (status === STATUS.HTTP_202_ACCEPTED) {
+        getUser().then(setUser);
+        navigate({ url: ROUTES.frontend.home });
+      } else {
+        setSignUpFailed(true);
+      }
+    },
+    onError: (error) => {
+      setSignUpFailed(true);
+      console.error(error);
+    },
+  });
+
+  function onSubmit(values: SignUpSchema) {
+    mutate(values);
+  }
+
+  return (
+    <Form {...form}>
+      <form onSubmit={form.handleSubmit(onSubmit)}>
+        <FormField
+          control={form.control}
+          name="username"
+          disabled={isPending}
+          render={({ field }) => (
+            <FormItem>
+              <FormLabel>{t(KEY.common_username)}</FormLabel>
+              <FormControl>
+                <Input type="text" {...field} />
+              </FormControl>
+              <FormMessage />
+            </FormItem>
+          )}
+        />
+        <FormField
+          control={form.control}
+          name="email"
+          disabled={isPending}
+          render={({ field }) => (
+            <FormItem>
+              <FormLabel>{t(KEY.common_email)}</FormLabel>
+              <FormControl>
+                <Input type="email" {...field} />
+              </FormControl>
+              <FormMessage />
+            </FormItem>
+          )}
+        />
+        <FormField
+          control={form.control}
+          name="phone_number"
+          disabled={isPending}
+          render={({ field }) => (
+            <FormItem>
+              <FormLabel>{t(KEY.common_phonenumber)}</FormLabel>
+              <FormControl>
+                <Input type="text" {...field} />
+              </FormControl>
+              <FormMessage />
+            </FormItem>
+          )}
+        />
+        <FormField
+          control={form.control}
+          name="firstname"
+          disabled={isPending}
+          render={({ field }) => (
+            <FormItem>
+              <FormLabel>{t(KEY.common_firstname)}</FormLabel>
+              <FormControl>
+                <Input type="text" {...field} />
+              </FormControl>
+              <FormMessage />
+            </FormItem>
+          )}
+        />
+        <FormField
+          control={form.control}
+          name="lastname"
+          disabled={isPending}
+          render={({ field }) => (
+            <FormItem>
+              <FormLabel>{t(KEY.common_lastname)}</FormLabel>
+              <FormControl>
+                <Input type="text" {...field} />
+              </FormControl>
+              <FormMessage />
+            </FormItem>
+          )}
+        />
+        <FormField
+          control={form.control}
+          name="password"
+          disabled={isPending}
+          render={({ field }) => (
+            <FormItem>
+              <FormLabel>{lowerCapitalize(t(KEY.common_password))}</FormLabel>
+              <FormControl>
+                <Input type="password" {...field} />
+              </FormControl>
+              <FormMessage />
+            </FormItem>
+          )}
+        />
+        <FormField
+          control={form.control}
+          name="repeat_password"
+          disabled={isPending}
+          render={({ field }) => (
+            <FormItem>
+              <FormLabel>{lowerCapitalize(`${t(KEY.common_repeat)} ${t(KEY.common_password)}`)}</FormLabel>
+              <FormControl>
+                <Input type="password" {...field} />
+              </FormControl>
+              <FormMessage />
+            </FormItem>
+          )}
+        />
+        {signUpFailed && <p className={styles.signup_failed_comment}>{t(KEY.signuppage_register_failed)}</p>}
+        <Button type="submit" className={styles.signup_button} theme="green" rounded disabled={isPending}>
+          {t(KEY.common_register)}
+        </Button>
+      </form>
+    </Form>
+  );
+}
diff --git a/frontend/src/Pages/SignUpPage/SignUpPage.module.scss b/frontend/src/Pages/SignUpPage/SignUpPage.module.scss
index 7a699d821..4aecf592e 100644
--- a/frontend/src/Pages/SignUpPage/SignUpPage.module.scss
+++ b/frontend/src/Pages/SignUpPage/SignUpPage.module.scss
@@ -15,32 +15,23 @@
   justify-content: center;
   flex-direction: column;
   box-sizing: border-box;
-  max-width: 31em;
-  width: 100%;
-  margin: 2em 1em;
-  text-transform: uppercase;
+  width: 30em;
+  max-width: 100%;
+  margin-top: 2em;
 }
 
-.header_text {
+.center {
   text-align: center;
-  font-size: 1.8em;
-  margin-bottom: 1em;
-}
-
-.input_field {
-  display: block;
-  width: calc(100%);
-  margin-bottom: 0.8em;
-}
-
-.login_button {
-  width: 100%;
-  font-size: 1em;
 }
 
-.forgotten_password {
+.link {
   color: $red-samf;
   text-align: center;
-  margin-top: 0.4em;
-  font-size: 0.8em;
+  margin-top: 0.6em;
+  font-size: 0.9em;
+  text-decoration: none;
+  font-weight: 700;
+  &:hover {
+    text-decoration: underline;
+  }
 }
diff --git a/frontend/src/Pages/SignUpPage/SignUpPage.tsx b/frontend/src/Pages/SignUpPage/SignUpPage.tsx
index 81cf33746..723f34e94 100644
--- a/frontend/src/Pages/SignUpPage/SignUpPage.tsx
+++ b/frontend/src/Pages/SignUpPage/SignUpPage.tsx
@@ -1,122 +1,27 @@
-import { useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import { toast } from 'react-toastify';
-import { Alert, Page } from '~/Components';
-import { SamfForm } from '~/Forms/SamfForm';
-import { SamfFormField } from '~/Forms/SamfFormField';
-import { validEmail, validPhonenumber } from '~/Forms/util';
-import { getUser, register } from '~/api';
-import { useAuthContext } from '~/context/AuthContext';
-import type { RegistrationDto } from '~/dto';
-import { useCustomNavigate, useTitle } from '~/hooks';
-import { STATUS } from '~/http_status_codes';
+import { H2, Link, Page } from '~/Components';
+import { SignUpForm } from '~/Pages/SignUpPage/SignUpForm';
+import { useTitle } from '~/hooks';
 import { KEY } from '~/i18n/constants';
 import { ROUTES } from '~/routes';
 import styles from './SignUpPage.module.scss';
 
-type SignUpFormData = {
-  username: string;
-  email: string;
-  phone_number: string;
-  firstname: string;
-  lastname: string;
-  password: string;
-  password_repeat: string;
-};
-
 export function SignUpPage() {
   const { t } = useTranslation();
-  const [loginFailed, setLoginFailed] = useState(false);
-  const { setUser } = useAuthContext();
-  const navigate = useCustomNavigate();
 
   useTitle(t(KEY.loginpage_register));
 
-  function handleRegistration(formData: SignUpFormData) {
-    register({ ...formData } as RegistrationDto)
-      .then((status) => {
-        if (status === STATUS.HTTP_202_ACCEPTED) {
-          getUser().then((user) => {
-            setUser(user);
-          });
-
-          navigate({ url: ROUTES.frontend.home });
-        } else {
-          setLoginFailed(true);
-        }
-      })
-      .catch((error) => {
-        setLoginFailed(true);
-        toast.error(t(KEY.common_something_went_wrong));
-        console.error(error);
-      });
-  }
-
   return (
     <Page>
       <div className={styles.login_container}>
-        {loginFailed && (
-          <Alert
-            message="Register failed"
-            type="error"
-            align="center"
-            closable={true}
-            onClose={() => {
-              setLoginFailed(false);
-            }}
-          />
-        )}
         <div className={styles.content_container}>
-          <SamfForm<RegistrationDto> onSubmit={handleRegistration} submitText={t(KEY.common_register) ?? ''}>
-            <h1 className={styles.header_text}>{t(KEY.loginpage_register)}</h1>
-            <SamfFormField<string, SignUpFormData>
-              required={true}
-              field="username"
-              type="text"
-              label={t(KEY.loginpage_username) ?? ''}
-            />
-            <SamfFormField<string, SignUpFormData>
-              required={true}
-              field="email"
-              type="email"
-              label={t(KEY.common_email) ?? ''}
-              validator={(values) => validEmail(values.email)}
-            />
-            <SamfFormField<string, SignUpFormData>
-              required={true}
-              field="phone_number"
-              type="phonenumber"
-              label={t(KEY.common_phonenumber) ?? ''}
-              validator={(values) => validPhonenumber(values.phone_number)}
-            />
-            <SamfFormField<string, SignUpFormData>
-              required={true}
-              field="firstname"
-              type="text"
-              label={t(KEY.common_firstname) ?? ''}
-            />
-            <SamfFormField<string, SignUpFormData>
-              required={true}
-              field="lastname"
-              type="text"
-              label={t(KEY.common_lastname) ?? ''}
-            />
-            <SamfFormField<string, SignUpFormData>
-              required={true}
-              field="password"
-              type="password"
-              label={t(KEY.common_password) ?? ''}
-            />
-            <SamfFormField<string, SignUpFormData>
-              required={true}
-              field="password_repeat"
-              type="password"
-              label={`${t(KEY.common_repeat)} ${t(KEY.common_password)}`}
-              validator={(values) => {
-                return values.password === values.password_repeat ? true : t(KEY.loginpage_passwords_must_match);
-              }}
-            />
-          </SamfForm>
+          <H2 className={styles.center}>{t(KEY.loginpage_register)}</H2>
+
+          <SignUpForm />
+
+          <Link url={ROUTES.frontend.login} className={styles.link}>
+            {t(KEY.signuppage_login_link)}
+          </Link>
         </div>
       </div>
     </Page>
diff --git a/frontend/src/i18n/constants.ts b/frontend/src/i18n/constants.ts
index 3156e501c..7be0623a8 100644
--- a/frontend/src/i18n/constants.ts
+++ b/frontend/src/i18n/constants.ts
@@ -263,6 +263,9 @@ export const KEY = {
   loginpage_passwords_must_match: 'loginpage_passwords_must_match',
   loginpage_login_failed: 'loginpage_login_failed',
 
+  signuppage_register_failed: 'signuppage_register_failed',
+  signuppage_login_link: 'signuppage_login_link',
+
   // LoginPickerPage:
   loginpicker_page_caption: 'loginpicker_page_caption',
   loginpicker_page_title: 'loginpicker_page_title',
diff --git a/frontend/src/i18n/translations.ts b/frontend/src/i18n/translations.ts
index 86a7c7671..9006bac40 100644
--- a/frontend/src/i18n/translations.ts
+++ b/frontend/src/i18n/translations.ts
@@ -252,6 +252,9 @@ export const nb = prepareTranslations({
   [KEY.loginpage_username]: 'Brukernavn',
   [KEY.loginpage_forgotten_password]: 'Glemt passordet ditt?',
 
+  [KEY.signuppage_register_failed]: 'Registrering feilet',
+  [KEY.signuppage_login_link]: 'Har du allerede en bruker?',
+
   // LoginPickerPage:
   [KEY.loginpicker_page_caption]: 'Innlogging for interne',
   [KEY.loginpicker_page_title]: 'Hvordan vil du logge inn?',
@@ -672,7 +675,7 @@ export const nb = prepareTranslations({
   [KEY.control_panel_faq]: 'Hjelp/spørsmål',
 
   [KEY.control_panel_title]: 'Kontrollpanel',
-  [KEY.invalid_phonenumber]: 'Ikke et gyldig telefonnummer',
+  [KEY.invalid_phonenumber]: 'Ugyldig telefonnummer',
   [KEY.inputfile_choose_a_file]: 'Velg en fil...',
   [KEY.inputfile_no_file_selected]: 'Ingen fil er valgt',
   [KEY.notfoundpage_title]: 'Side ikke funnet',
@@ -961,6 +964,9 @@ export const en = prepareTranslations({
   [KEY.loginpage_passwords_must_match]: 'Passwords must match',
   [KEY.loginpage_login_failed]: 'Login failed',
 
+  [KEY.signuppage_register_failed]: 'Registration failed',
+  [KEY.signuppage_login_link]: 'Already have a user?',
+
   // LoginPickerPage:
   [KEY.loginpicker_page_caption]: 'Internal login',
   [KEY.loginpicker_page_title]: 'How would you like to log in?',
@@ -1380,7 +1386,7 @@ export const en = prepareTranslations({
   [KEY.we_use_cookies]: 'We use cookies to give you the best experience on Samfundet.no. Read more about cookies',
   [KEY.control_panel_faq]: 'Help/questions',
   [KEY.control_panel_title]: 'Control panel',
-  [KEY.invalid_phonenumber]: 'Not a valid phone number',
+  [KEY.invalid_phonenumber]: 'Invalid phone number',
   [KEY.inputfile_choose_a_file]: 'Upload file...',
   [KEY.inputfile_no_file_selected]: 'No file selected',
   [KEY.notfoundpage_title]: 'Page not found',
diff --git a/frontend/src/schema/user.ts b/frontend/src/schema/user.ts
index c523e0244..1f818232a 100644
--- a/frontend/src/schema/user.ts
+++ b/frontend/src/schema/user.ts
@@ -5,6 +5,7 @@ import {
   MEMBERSHIP_ID_LENGTH_MIN,
   PASSWORD_LENGTH_MAX,
   PASSWORD_LENGTH_MIN,
+  PHONENUMBER_REGEX,
   USERNAME_LENGTH_MAX,
   USERNAME_LENGTH_MIN,
 } from '~/constants';
@@ -17,6 +18,12 @@ export const PASSWORD = z.string().min(PASSWORD_LENGTH_MIN).max(PASSWORD_LENGTH_
 
 export const EMAIL = z.string().email();
 
+export const PHONE_NUMBER = (t: TFunction) => z.string().regex(PHONENUMBER_REGEX, t(KEY.invalid_phonenumber));
+
+export const FIRST_NAME = z.string();
+
+export const LAST_NAME = z.string();
+
 export const MEMBERSHIPNUMBER = z.string().min(MEMBERSHIP_ID_LENGTH_MIN).max(MEMBERSHIP_ID_LENGTH_MAX).regex(/^\d+$/);
 
 export const EMAIL_OR_MEMBERSHIP_NUMBER = (t: TFunction) =>

From b87072f1d5f5845282e1679b3b03103819fb9882 Mon Sep 17 00:00:00 2001
From: Robin <16273164+robines@users.noreply.github.com>
Date: Wed, 1 Apr 2026 22:31:36 +0200
Subject: [PATCH 68/79] Use RHF Input component in ImagePicker search (#2120)

---
 frontend/src/Components/ImagePicker/ImagePicker.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/src/Components/ImagePicker/ImagePicker.tsx b/frontend/src/Components/ImagePicker/ImagePicker.tsx
index 8d98ae4bd..9063e1d33 100644
--- a/frontend/src/Components/ImagePicker/ImagePicker.tsx
+++ b/frontend/src/Components/ImagePicker/ImagePicker.tsx
@@ -3,13 +3,13 @@ import { keepPreviousData, useQuery } from '@tanstack/react-query';
 import classNames from 'classnames';
 import { type ReactNode, useCallback, useEffect, useRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';
+import { Input } from '~/Components';
 import { getImagesPaginated } from '~/api';
 import { BACKEND_DOMAIN } from '~/constants';
 import type { ImageDto } from '~/dto';
 import { KEY } from '~/i18n/constants';
 import { imageKeys } from '~/queryKeys';
 import { backgroundImageFromUrl } from '~/utils';
-import { InputField } from '../InputField';
 import { PagedPagination } from '../Pagination';
 import styles from './ImagePicker.module.scss';
 
@@ -94,10 +94,10 @@ export function ImagePicker({ onSelected, selectedImage }: ImagePickerProps) {
         {isError && <p className={styles.error}>{t(KEY.common_something_went_wrong)}</p>}
       </div>
       <div className={styles.search_wrapper}>
-        <InputField
-          icon="mdi:search"
+        <Input
+          type="search"
           value={searchInput}
-          onChange={handleSearchChange}
+          onChange={(e) => handleSearchChange(e.target.value)}
           placeholder={t(KEY.common_search)}
         />
         <div className={styles.image_container}>{images.map((image) => renderImage(image))}</div>

From 2370287d6d8baffa419e1ee869a049b28b097238 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Wed, 1 Apr 2026 22:32:13 +0200
Subject: [PATCH 69/79] Bump @vitejs/plugin-react-swc from 4.2.2 to 4.3.0 in
 /frontend (#2136)

Bumps [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/tree/HEAD/packages/plugin-react-swc) from 4.2.2 to 4.3.0.
- [Release notes](https://github.com/vitejs/vite-plugin-react/releases)
- [Changelog](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc/CHANGELOG.md)
- [Commits](https://github.com/vitejs/vite-plugin-react/commits/v4.3.0/packages/plugin-react-swc)

---
updated-dependencies:
- dependency-name: "@vitejs/plugin-react-swc"
  dependency-version: 4.3.0
  dependency-type: direct:development
  update-type: version-update:semver-minor
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
---
 frontend/package.json |   2 +-
 frontend/yarn.lock    | 132 ++++++++++++++++++++++++------------------
 2 files changed, 77 insertions(+), 57 deletions(-)

diff --git a/frontend/package.json b/frontend/package.json
index 630d9f1ac..a76ad5ea2 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -89,7 +89,7 @@
     "@types/react": "^18.2.28",
     "@types/react-dom": "^18.2.13",
     "@types/react-modal": "^3.16.3",
-    "@vitejs/plugin-react-swc": "^4.2.2",
+    "@vitejs/plugin-react-swc": "^4.3.0",
     "autoprefixer": "^10.4.21",
     "babel-plugin-named-exports-order": "^0.0.2",
     "chromatic": "^7.4.0",
diff --git a/frontend/yarn.lock b/frontend/yarn.lock
index 56c2bd005..c30f24455 100644
--- a/frontend/yarn.lock
+++ b/frontend/yarn.lock
@@ -1418,10 +1418,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@rolldown/pluginutils@npm:1.0.0-beta.47":
-  version: 1.0.0-beta.47
-  resolution: "@rolldown/pluginutils@npm:1.0.0-beta.47"
-  checksum: 10c0/eb0cfa7334d66f090c47eaac612174936b05f26e789352428cb6e03575b590f355de30d26b42576ea4e613d8887b587119d19b2e4b3a8909ceb232ca1cf746c8
+"@rolldown/pluginutils@npm:1.0.0-rc.7":
+  version: 1.0.0-rc.7
+  resolution: "@rolldown/pluginutils@npm:1.0.0-rc.7"
+  checksum: 10c0/9d5490b5805b25bcd1720ca01c4c032b55a0ef953dab36a8dd42c568e82214576baa464f3027cd5dff3fabcfbe3bf3db2251d12b60220f5d1cd2ffde5ee37082
   languageName: node
   linkType: hard
 
@@ -2196,90 +2196,106 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@swc/core-darwin-arm64@npm:1.15.2":
-  version: 1.15.2
-  resolution: "@swc/core-darwin-arm64@npm:1.15.2"
+"@swc/core-darwin-arm64@npm:1.15.21":
+  version: 1.15.21
+  resolution: "@swc/core-darwin-arm64@npm:1.15.21"
   conditions: os=darwin & cpu=arm64
   languageName: node
   linkType: hard
 
-"@swc/core-darwin-x64@npm:1.15.2":
-  version: 1.15.2
-  resolution: "@swc/core-darwin-x64@npm:1.15.2"
+"@swc/core-darwin-x64@npm:1.15.21":
+  version: 1.15.21
+  resolution: "@swc/core-darwin-x64@npm:1.15.21"
   conditions: os=darwin & cpu=x64
   languageName: node
   linkType: hard
 
-"@swc/core-linux-arm-gnueabihf@npm:1.15.2":
-  version: 1.15.2
-  resolution: "@swc/core-linux-arm-gnueabihf@npm:1.15.2"
+"@swc/core-linux-arm-gnueabihf@npm:1.15.21":
+  version: 1.15.21
+  resolution: "@swc/core-linux-arm-gnueabihf@npm:1.15.21"
   conditions: os=linux & cpu=arm
   languageName: node
   linkType: hard
 
-"@swc/core-linux-arm64-gnu@npm:1.15.2":
-  version: 1.15.2
-  resolution: "@swc/core-linux-arm64-gnu@npm:1.15.2"
+"@swc/core-linux-arm64-gnu@npm:1.15.21":
+  version: 1.15.21
+  resolution: "@swc/core-linux-arm64-gnu@npm:1.15.21"
   conditions: os=linux & cpu=arm64 & libc=glibc
   languageName: node
   linkType: hard
 
-"@swc/core-linux-arm64-musl@npm:1.15.2":
-  version: 1.15.2
-  resolution: "@swc/core-linux-arm64-musl@npm:1.15.2"
+"@swc/core-linux-arm64-musl@npm:1.15.21":
+  version: 1.15.21
+  resolution: "@swc/core-linux-arm64-musl@npm:1.15.21"
   conditions: os=linux & cpu=arm64 & libc=musl
   languageName: node
   linkType: hard
 
-"@swc/core-linux-x64-gnu@npm:1.15.2":
-  version: 1.15.2
-  resolution: "@swc/core-linux-x64-gnu@npm:1.15.2"
+"@swc/core-linux-ppc64-gnu@npm:1.15.21":
+  version: 1.15.21
+  resolution: "@swc/core-linux-ppc64-gnu@npm:1.15.21"
+  conditions: os=linux & cpu=ppc64 & libc=glibc
+  languageName: node
+  linkType: hard
+
+"@swc/core-linux-s390x-gnu@npm:1.15.21":
+  version: 1.15.21
+  resolution: "@swc/core-linux-s390x-gnu@npm:1.15.21"
+  conditions: os=linux & cpu=s390x & libc=glibc
+  languageName: node
+  linkType: hard
+
+"@swc/core-linux-x64-gnu@npm:1.15.21":
+  version: 1.15.21
+  resolution: "@swc/core-linux-x64-gnu@npm:1.15.21"
   conditions: os=linux & cpu=x64 & libc=glibc
   languageName: node
   linkType: hard
 
-"@swc/core-linux-x64-musl@npm:1.15.2":
-  version: 1.15.2
-  resolution: "@swc/core-linux-x64-musl@npm:1.15.2"
+"@swc/core-linux-x64-musl@npm:1.15.21":
+  version: 1.15.21
+  resolution: "@swc/core-linux-x64-musl@npm:1.15.21"
   conditions: os=linux & cpu=x64 & libc=musl
   languageName: node
   linkType: hard
 
-"@swc/core-win32-arm64-msvc@npm:1.15.2":
-  version: 1.15.2
-  resolution: "@swc/core-win32-arm64-msvc@npm:1.15.2"
+"@swc/core-win32-arm64-msvc@npm:1.15.21":
+  version: 1.15.21
+  resolution: "@swc/core-win32-arm64-msvc@npm:1.15.21"
   conditions: os=win32 & cpu=arm64
   languageName: node
   linkType: hard
 
-"@swc/core-win32-ia32-msvc@npm:1.15.2":
-  version: 1.15.2
-  resolution: "@swc/core-win32-ia32-msvc@npm:1.15.2"
+"@swc/core-win32-ia32-msvc@npm:1.15.21":
+  version: 1.15.21
+  resolution: "@swc/core-win32-ia32-msvc@npm:1.15.21"
   conditions: os=win32 & cpu=ia32
   languageName: node
   linkType: hard
 
-"@swc/core-win32-x64-msvc@npm:1.15.2":
-  version: 1.15.2
-  resolution: "@swc/core-win32-x64-msvc@npm:1.15.2"
+"@swc/core-win32-x64-msvc@npm:1.15.21":
+  version: 1.15.21
+  resolution: "@swc/core-win32-x64-msvc@npm:1.15.21"
   conditions: os=win32 & cpu=x64
   languageName: node
   linkType: hard
 
-"@swc/core@npm:^1.13.5":
-  version: 1.15.2
-  resolution: "@swc/core@npm:1.15.2"
+"@swc/core@npm:^1.15.11":
+  version: 1.15.21
+  resolution: "@swc/core@npm:1.15.21"
   dependencies:
-    "@swc/core-darwin-arm64": "npm:1.15.2"
-    "@swc/core-darwin-x64": "npm:1.15.2"
-    "@swc/core-linux-arm-gnueabihf": "npm:1.15.2"
-    "@swc/core-linux-arm64-gnu": "npm:1.15.2"
-    "@swc/core-linux-arm64-musl": "npm:1.15.2"
-    "@swc/core-linux-x64-gnu": "npm:1.15.2"
-    "@swc/core-linux-x64-musl": "npm:1.15.2"
-    "@swc/core-win32-arm64-msvc": "npm:1.15.2"
-    "@swc/core-win32-ia32-msvc": "npm:1.15.2"
-    "@swc/core-win32-x64-msvc": "npm:1.15.2"
+    "@swc/core-darwin-arm64": "npm:1.15.21"
+    "@swc/core-darwin-x64": "npm:1.15.21"
+    "@swc/core-linux-arm-gnueabihf": "npm:1.15.21"
+    "@swc/core-linux-arm64-gnu": "npm:1.15.21"
+    "@swc/core-linux-arm64-musl": "npm:1.15.21"
+    "@swc/core-linux-ppc64-gnu": "npm:1.15.21"
+    "@swc/core-linux-s390x-gnu": "npm:1.15.21"
+    "@swc/core-linux-x64-gnu": "npm:1.15.21"
+    "@swc/core-linux-x64-musl": "npm:1.15.21"
+    "@swc/core-win32-arm64-msvc": "npm:1.15.21"
+    "@swc/core-win32-ia32-msvc": "npm:1.15.21"
+    "@swc/core-win32-x64-msvc": "npm:1.15.21"
     "@swc/counter": "npm:^0.1.3"
     "@swc/types": "npm:^0.1.25"
   peerDependencies:
@@ -2295,6 +2311,10 @@ __metadata:
       optional: true
     "@swc/core-linux-arm64-musl":
       optional: true
+    "@swc/core-linux-ppc64-gnu":
+      optional: true
+    "@swc/core-linux-s390x-gnu":
+      optional: true
     "@swc/core-linux-x64-gnu":
       optional: true
     "@swc/core-linux-x64-musl":
@@ -2308,7 +2328,7 @@ __metadata:
   peerDependenciesMeta:
     "@swc/helpers":
       optional: true
-  checksum: 10c0/6141ae1800971af903fb4240ce8675ab30d65883c00a9c416c1d83291626dc6044d62dd66d3b6f0534d159b60b7c5f9a7c421c3cc19957bd8a98d134b92109ef
+  checksum: 10c0/ee33b7f776e632140505f0b5364bb7cb7bd0ddb405dc6795ded3daa8337acd845284520294a3d90cdd817e9cb108c270ab22e7ae969e17f41910f45ec9946cae
   languageName: node
   linkType: hard
 
@@ -2666,15 +2686,15 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@vitejs/plugin-react-swc@npm:^4.2.2":
-  version: 4.2.2
-  resolution: "@vitejs/plugin-react-swc@npm:4.2.2"
+"@vitejs/plugin-react-swc@npm:^4.3.0":
+  version: 4.3.0
+  resolution: "@vitejs/plugin-react-swc@npm:4.3.0"
   dependencies:
-    "@rolldown/pluginutils": "npm:1.0.0-beta.47"
-    "@swc/core": "npm:^1.13.5"
+    "@rolldown/pluginutils": "npm:1.0.0-rc.7"
+    "@swc/core": "npm:^1.15.11"
   peerDependencies:
-    vite: ^4 || ^5 || ^6 || ^7
-  checksum: 10c0/fe6346df2659007fab2b4840716b8b15cb1e33aa23865998e0295750a98eaf6090c6b04d90e9f1efd91bc71d057a7bb89fbd008476b727fd20b68e06cac75fa0
+    vite: ^4 || ^5 || ^6 || ^7 || ^8
+  checksum: 10c0/36228152f549e0db226ad59a41fcd4fc3df636575637c9190d5927081162f2c0f592756aa11d4fd4a7e34c734b911b319b0e87570f73b1cd67d7a38d8cbff80d
   languageName: node
   linkType: hard
 
@@ -4634,7 +4654,7 @@ __metadata:
     "@types/react": "npm:^18.2.28"
     "@types/react-dom": "npm:^18.2.13"
     "@types/react-modal": "npm:^3.16.3"
-    "@vitejs/plugin-react-swc": "npm:^4.2.2"
+    "@vitejs/plugin-react-swc": "npm:^4.3.0"
     autoprefixer: "npm:^10.4.21"
     axios: "npm:^1.13.5"
     babel-plugin-named-exports-order: "npm:^0.0.2"

From 906271189ccfcf0391f9a71690041f725ff3acf3 Mon Sep 17 00:00:00 2001
From: BragonSB <brage.sebastian.brevik@gmail.com>
Date: Fri, 3 Apr 2026 18:17:28 +0200
Subject: [PATCH 70/79] fix: event -> events (#2138)

---
 frontend/src/Components/NavbarSamfThree/Navbar.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/Components/NavbarSamfThree/Navbar.tsx b/frontend/src/Components/NavbarSamfThree/Navbar.tsx
index 563e02d7a..120b02467 100644
--- a/frontend/src/Components/NavbarSamfThree/Navbar.tsx
+++ b/frontend/src/Components/NavbarSamfThree/Navbar.tsx
@@ -148,7 +148,7 @@ export function Navbar() {
         setExpandedDropdown={setExpandedDropdown}
         expandedDropdown={expandedDropdown}
         route={ROUTES.frontend.events}
-        label={t(KEY.common_event)}
+        label={t(KEY.common_events)}
       />
       <NavbarItem
         setExpandedDropdown={setExpandedDropdown}

From e9cc3819488231ebdbd2dd8e04183a28ae6d4867 Mon Sep 17 00:00:00 2001
From: Robin <16273164+robines@users.noreply.github.com>
Date: Sat, 4 Apr 2026 11:49:17 +0200
Subject: [PATCH 71/79] Make NavbarSamfThree look more alike samf3 navbar
 (#2128)

* Make NavbarSamfThree look more alike actual samf3 navbar

* Remove user dropdown, and some more tweaks

* Lowercase futura

* Remove unused imports

* Replace chevron icon

* Make whole profile button a link

* Use Samf3 navbar in AdminLayout

* biome
---
 .../NavbarSamfThree/Navbar.module.scss        | 29 +++++----
 .../src/Components/NavbarSamfThree/Navbar.tsx | 64 ++-----------------
 .../components/NavbarItem/NavbarItem.tsx      |  2 +-
 .../PagesAdmin/AdminLayout/AdminLayout.tsx    |  3 +-
 4 files changed, 23 insertions(+), 75 deletions(-)

diff --git a/frontend/src/Components/NavbarSamfThree/Navbar.module.scss b/frontend/src/Components/NavbarSamfThree/Navbar.module.scss
index fbcd81d9c..c87ae88e4 100644
--- a/frontend/src/Components/NavbarSamfThree/Navbar.module.scss
+++ b/frontend/src/Components/NavbarSamfThree/Navbar.module.scss
@@ -8,12 +8,12 @@
 @use 'src/constants' as *;
 
 // Font
-$navbar-font-family: 'futura-pt', 'Lato', sans-serif;
+$navbar-font-family: 'futura-pt', futura, 'Lato', sans-serif;
 
 // Background
 $navbar-bg: white;
 $navbar-bg-transparent: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, transparent);
-$navbar-bg-dark: black;
+$navbar-bg-dark: #111111;
 $navbar-bg-dark-transparent: $navbar-bg-transparent;
 $navbar-dropdown-bg: rgba(255, 255, 255, 1);
 $navbar-dropdown-bg-dark: rgba(0, 0, 0, 1);
@@ -48,13 +48,14 @@ $navbar-link-transparent-hover-gradient-bottom: transparent;
   width: 100%;
   height: $navbar-height;
   background: $navbar-bg-dark;
-  color: $white;
+  color: $grey-4;
   display: flex;
   align-items: center;
   justify-content: center;
   z-index: 12;
   white-space: nowrap;
   box-shadow: 0 0 25px 5px rgba(0, 0, 0, 0);
+  border-bottom: 1px solid #323232;
 }
 
 .navbar_inner {
@@ -106,6 +107,7 @@ $navbar-link-transparent-hover-gradient-bottom: transparent;
   transform: scaleY(0);
   transform-origin: 50% 0%;
   opacity: 0;
+  border-top: 1px solid #323232;
 }
 
 .dropdown_container_left .dropdown_container {
@@ -171,7 +173,9 @@ $navbar-link-transparent-hover-gradient-bottom: transparent;
   text-align: center;
   justify-content: center;
   z-index: 2;
-  font-size: inherit;
+  font-size: 16px;
+  font-weight: 600;
+  letter-spacing: -0.3px;
 
   &:hover {
     text-decoration: none;
@@ -194,8 +198,8 @@ $navbar-link-transparent-hover-gradient-bottom: transparent;
 .navbar_logo {
   display: flex;
   text-decoration: none;
-  margin: 0 1rem;
-  width: 250px;
+  margin: 0 2rem 0 0.75rem;
+  width: 240px;
   cursor: pointer;
 }
 
@@ -225,14 +229,11 @@ $navbar-link-transparent-hover-gradient-bottom: transparent;
   align-items: center;
   white-space: nowrap;
   cursor: pointer;
-  padding-left: 6px;
-  padding-right: 6px;
   background-color: inherit;
   gap: 5px;
-
-  @include for-desktop-up {
-    height: 100%;
-  }
+  color: $grey-2;
+  border-radius: 4px;
+  padding: 1px 6px;
 
   .profile_icon {
     width: 16px;
@@ -240,12 +241,12 @@ $navbar-link-transparent-hover-gradient-bottom: transparent;
   }
 
   .profile_text {
-    text-decoration: none;
     color: inherit;
   }
 
   &:hover {
-    color: $red-samf;
+    background: $black-2;
+    text-decoration: none;
   }
 }
 
diff --git a/frontend/src/Components/NavbarSamfThree/Navbar.tsx b/frontend/src/Components/NavbarSamfThree/Navbar.tsx
index 120b02467..31abe1b22 100644
--- a/frontend/src/Components/NavbarSamfThree/Navbar.tsx
+++ b/frontend/src/Components/NavbarSamfThree/Navbar.tsx
@@ -9,13 +9,12 @@ import { useCookies } from 'react-cookie';
 import { useTranslation } from 'react-i18next';
 import { useLocation, useNavigate } from 'react-router';
 import { Button, Link, ThemeSwitch } from '~/Components';
-import { getActiveRecruitments, logout, stopImpersonatingUser } from '~/api';
+import { getActiveRecruitments } from '~/api';
 import { logoWhite } from '~/assets';
 import { useAuthContext } from '~/context/AuthContext';
 import { useGlobalContext } from '~/context/GlobalContextProvider';
 import type { RecruitmentDto } from '~/dto';
 import { useDesktop } from '~/hooks';
-import { STATUS } from '~/http_status_codes';
 import { KEY } from '~/i18n/constants';
 import { ROUTES } from '~/routes';
 import { SAMF3_MEMBER_URL } from '~/routes/samf-three';
@@ -179,64 +178,11 @@ export function Navbar() {
     </div>
   );
 
-  // biome-ignore lint/suspicious/noPrototypeBuiltins: <explanation>
-  const isImpersonate = cookies.hasOwnProperty('impersonated_user_id');
-
-  const userDropdownLinks = (
-    <>
-      <Link url={ROUTES.frontend.admin} className={styles.navbar_dropdown_link}>
-        <Icon icon="material-symbols:settings" />
-        {t(KEY.control_panel_title)}
-      </Link>
-      {isImpersonate && (
-        <button
-          type="button"
-          className={classNames(styles.navbar_dropdown_link, styles.navbar_logout_button)}
-          onClick={() => {
-            stopImpersonatingUser()
-              .then(() => {
-                window.location.reload();
-              })
-              .catch(console.error);
-            setIsMobileNavigation(false);
-          }}
-        >
-          <Icon icon="ri:spy-fill" />
-          {t(KEY.admin_stop_impersonate)}
-        </button>
-      )}
-      <button
-        type="button"
-        className={classNames(styles.navbar_dropdown_link, styles.navbar_logout_button)}
-        onClick={(e) => {
-          e.preventDefault();
-          setExpandedDropdown('');
-          logout()
-            .then((response) => {
-              response.status === STATUS.HTTP_200_OK && setUser(undefined);
-            })
-            .catch(console.error);
-
-          setIsMobileNavigation(false);
-        }}
-      >
-        <Icon icon="material-symbols:logout" />
-        {t(KEY.common_logout)}
-      </button>
-    </>
-  );
-
   const profileButton = user && (
-    <div className={classNames(styles.navbar_profile_button, styles.profile_text, styles.dropdown_container_left)}>
-      <NavbarItem
-        setExpandedDropdown={setExpandedDropdown}
-        expandedDropdown={expandedDropdown}
-        route={'#'}
-        label={user.username}
-        icon={isImpersonate ? 'mdi:eye' : 'material-symbols:person'}
-        dropdownLinks={userDropdownLinks}
-      />
-    </div>
+    <Link url={ROUTES.frontend.admin} className={classNames(styles.profile_text, styles.navbar_profile_button)}>
+      <Icon icon="material-symbols:person" />
+      {user?.username}
+    </Link>
   );
 
   const loginButton = !user && (
diff --git a/frontend/src/Components/NavbarSamfThree/components/NavbarItem/NavbarItem.tsx b/frontend/src/Components/NavbarSamfThree/components/NavbarItem/NavbarItem.tsx
index 6f75062c6..d39569691 100644
--- a/frontend/src/Components/NavbarSamfThree/components/NavbarItem/NavbarItem.tsx
+++ b/frontend/src/Components/NavbarSamfThree/components/NavbarItem/NavbarItem.tsx
@@ -17,7 +17,7 @@ type NavbarItemProps = {
   setExpandedDropdown: SetState<string>;
 };
 
-const iconDown = 'carbon:chevron-down';
+const iconDown = 'ion:chevron-down';
 
 export function NavbarItem({
   label,
diff --git a/frontend/src/PagesAdmin/AdminLayout/AdminLayout.tsx b/frontend/src/PagesAdmin/AdminLayout/AdminLayout.tsx
index 22b22d358..5c9a4655c 100644
--- a/frontend/src/PagesAdmin/AdminLayout/AdminLayout.tsx
+++ b/frontend/src/PagesAdmin/AdminLayout/AdminLayout.tsx
@@ -5,7 +5,8 @@ import { useCookies } from 'react-cookie';
 import { useTranslation } from 'react-i18next';
 import { Outlet, useLocation } from 'react-router';
 import { useNavigate } from 'react-router';
-import { Button, Link, Navbar } from '~/Components';
+import { Button, Link } from '~/Components';
+import { Navbar } from '~/Components/NavbarSamfThree';
 import { appletCategories } from '~/Pages/AdminPage/applets';
 import { logout, stopImpersonatingUser } from '~/api';
 import { isSiteFeatureEnabled } from '~/constants/site-features';

From afc7fb85f1c713ddbee903d0b73a21955d14a80e Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Tue, 7 Apr 2026 19:23:02 +0200
Subject: [PATCH 72/79] Bump vite from 6.4.1 to 6.4.2 in /frontend (#2141)

Bumps [vite](https://github.com/vitejs/vite/tree/HEAD/packages/vite) from 6.4.1 to 6.4.2.
- [Release notes](https://github.com/vitejs/vite/releases)
- [Changelog](https://github.com/vitejs/vite/blob/v6.4.2/packages/vite/CHANGELOG.md)
- [Commits](https://github.com/vitejs/vite/commits/v6.4.2/packages/vite)

---
updated-dependencies:
- dependency-name: vite
  dependency-version: 6.4.2
  dependency-type: direct:development
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
---
 frontend/package.json |  2 +-
 frontend/yarn.lock    | 10 +++++-----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/frontend/package.json b/frontend/package.json
index a76ad5ea2..f568a7cc1 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -105,7 +105,7 @@
     "stylelint-config-standard-scss": "^11.0.0",
     "stylelint-scss": "^5.2.1",
     "typescript": "^5.9.3",
-    "vite": "^6.4.1"
+    "vite": "^6.4.2"
   },
   "browserslist": [
     "defaults"
diff --git a/frontend/yarn.lock b/frontend/yarn.lock
index c30f24455..59836e966 100644
--- a/frontend/yarn.lock
+++ b/frontend/yarn.lock
@@ -4691,7 +4691,7 @@ __metadata:
     stylelint-config-standard-scss: "npm:^11.0.0"
     stylelint-scss: "npm:^5.2.1"
     typescript: "npm:^5.9.3"
-    vite: "npm:^6.4.1"
+    vite: "npm:^6.4.2"
     vite-plugin-svgr: "npm:^4.5.0"
     web-vitals: "npm:^4.2.4"
     zod: "npm:^3.23.8"
@@ -8887,9 +8887,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"vite@npm:^6.4.1":
-  version: 6.4.1
-  resolution: "vite@npm:6.4.1"
+"vite@npm:^6.4.2":
+  version: 6.4.2
+  resolution: "vite@npm:6.4.2"
   dependencies:
     esbuild: "npm:^0.25.0"
     fdir: "npm:^6.4.4"
@@ -8938,7 +8938,7 @@ __metadata:
       optional: true
   bin:
     vite: bin/vite.js
-  checksum: 10c0/77bb4c5b10f2a185e7859cc9a81c789021bc18009b02900347d1583b453b58e4b19ff07a5e5a5b522b68fc88728460bb45a63b104d969e8c6a6152aea3b849f7
+  checksum: 10c0/9a62bb4259b4b11b9084c8dc5c25a21c9340d87d83de163d3643f15629d8ac3c2a3a4cda565f1a61e98afc9d78e9cb78eb25d1ae3c302e95d42d13ab61537267
   languageName: node
   linkType: hard
 

From ae26b83d10327c1a69e0c278fd751381199e80a9 Mon Sep 17 00:00:00 2001
From: Tor Madsen <marvel.madsen@gmail.com>
Date: Tue, 7 Apr 2026 21:45:51 +0200
Subject: [PATCH 73/79] Added delete image functionality

---
 .../components/AdminImage/AdminEditImage.tsx  | 74 ++++++++++++++-----
 frontend/src/api.ts                           |  6 ++
 frontend/src/i18n/constants.ts                |  3 +-
 frontend/src/i18n/translations.ts             |  7 +-
 4 files changed, 68 insertions(+), 22 deletions(-)

diff --git a/frontend/src/PagesAdmin/ImageAdminPage/components/AdminImage/AdminEditImage.tsx b/frontend/src/PagesAdmin/ImageAdminPage/components/AdminImage/AdminEditImage.tsx
index 47bf5b546..32c5ba35c 100644
--- a/frontend/src/PagesAdmin/ImageAdminPage/components/AdminImage/AdminEditImage.tsx
+++ b/frontend/src/PagesAdmin/ImageAdminPage/components/AdminImage/AdminEditImage.tsx
@@ -5,7 +5,7 @@ import { useParams } from 'react-router-dom';
 import { toast } from 'react-toastify';
 import { Button } from '~/Components/Button/Button';
 import type { LinkedEventDto } from '~/api';
-import { getImage, getImageLinkedEvents, replaceImageFile } from '~/api';
+import { deleteImage, getImage, getImageLinkedEvents, replaceImageFile } from '~/api';
 import { BACKEND_DOMAIN } from '~/constants';
 import type { ImageDto } from '~/dto';
 import { useCustomNavigate, useTitle } from '~/hooks';
@@ -144,6 +144,29 @@ export function AdminEditImage({ id }: AdminEditImageProps) {
     }
   };
 
+  const handleDelete = async () => {
+    if (!image || linkedEvents.length > 0) {
+      toast.error(t(KEY.common_cannot_delete_image));
+      return;
+    }
+
+    if (!window.confirm(`${t(KEY.common_confirm_image_delete)} `)) {
+      return;
+    }
+
+    try {
+      setUploading(true);
+      await deleteImage(image.id);
+      toast.success(t(KEY.common_delete_successful));
+      navigate({ url: ROUTES.frontend.admin_images, replace: true });
+    } catch (error: unknown) {
+      toast.error(t(KEY.common_something_went_wrong));
+      console.error('Failed to delete image:', error);
+    } finally {
+      setUploading(false);
+    }
+  };
+
   if (loading) {
     return (
       <AdminPageLayout title={title} loading={true} header={true}>
@@ -172,10 +195,29 @@ export function AdminEditImage({ id }: AdminEditImageProps) {
           </div>
         </div>
 
+        {/* Upload form */}
+        <div className={styles.uploadSection}>
+          <h4>{lowerCapitalize(`${t(KEY.common_replace)} ${t(KEY.common_image)}`)}</h4>
+          <div className={styles.uploadForm}>
+            <input
+              ref={fileInputRef}
+              type="file"
+              accept="image/*"
+              onChange={handleFileSelect}
+              disabled={uploading}
+              className={styles.fileInput}
+            />
+            {selectedFile && <p className={styles.fileName}>{selectedFile.name}</p>}
+            <Button onClick={handleUpload} disabled={!selectedFile || uploading} theme="success" rounded={true}>
+              {uploading ? t(KEY.common_loading) : t(KEY.common_upload)}
+            </Button>
+          </div>
+        </div>
+
         {/* Linked events warning */}
         {linkedEvents.length > 0 && (
           <div className={styles.linkedEventsSection}>
-            <h4>{t(KEY.common_image)} {t(KEY.common_linked_to_events)}:</h4>
+            <h4>{t(KEY.common_image_linked_to_events)}:</h4>
             <ul className={styles.eventsList}>
               {linkedEvents.map((event) => (
                 <li
@@ -193,23 +235,17 @@ export function AdminEditImage({ id }: AdminEditImageProps) {
           </div>
         )}
 
-        {/* Upload form */}
-        <div className={styles.uploadSection}>
-          <h4>{lowerCapitalize(`${t(KEY.common_replace)} ${t(KEY.common_image)}`)}</h4>
-          <div className={styles.uploadForm}>
-            <input
-              ref={fileInputRef}
-              type="file"
-              accept="image/*"
-              onChange={handleFileSelect}
-              disabled={uploading}
-              className={styles.fileInput}
-            />
-            {selectedFile && <p className={styles.fileName}>{selectedFile.name}</p>}
-            <Button onClick={handleUpload} disabled={!selectedFile || uploading} theme="success" rounded={true}>
-              {uploading ? t(KEY.common_loading) : t(KEY.common_upload)}
-            </Button>
-          </div>
+        {/* Delete button */}
+        <div className={styles.deleteSection}>
+          <Button
+            onClick={handleDelete}
+            disabled={uploading || linkedEvents.length > 0}
+            theme="samf"
+            rounded={true}
+            title={linkedEvents.length > 0 ? t(KEY.common_cannot_delete_image) : undefined}
+          >
+            {t(KEY.common_delete)}
+          </Button>
         </div>
       </div>
     </AdminPageLayout>
diff --git a/frontend/src/api.ts b/frontend/src/api.ts
index 95e4a75ac..9456ecaa1 100644
--- a/frontend/src/api.ts
+++ b/frontend/src/api.ts
@@ -628,6 +628,12 @@ export async function replaceImageFile(id: string | number, file: File, title?:
   return response.data;
 }
 
+export async function deleteImage(id: string | number): Promise<AxiosResponse> {
+  const url = BACKEND_DOMAIN + reverse({ pattern: ROUTES.backend.samfundet__images_detail, urlParams: { pk: id } });
+  const response = await axios.delete<AxiosResponse>(url, { withCredentials: true });
+  return response;
+}
+
 export type LinkedEventDto = {
   id: number;
   title_en: string;
diff --git a/frontend/src/i18n/constants.ts b/frontend/src/i18n/constants.ts
index 7be0623a8..ca5f7fca4 100644
--- a/frontend/src/i18n/constants.ts
+++ b/frontend/src/i18n/constants.ts
@@ -205,8 +205,9 @@ export const KEY = {
   common_capacity: 'common_capacity',
   common_replace: 'common_replace',
   common_upload: 'common_upload',
-  common_linked_to_events: 'common_linked_to_events',
+  common_image_linked_to_events: 'common_image_linked_to_events',
   common_cannot_delete_image: 'common_cannot_delete_image',
+  common_confirm_image_delete: 'common_confirm_image_delete',
 
   common_membership_number: 'common_membership_number',
   common_to_payment: 'common_to_payment',
diff --git a/frontend/src/i18n/translations.ts b/frontend/src/i18n/translations.ts
index 9006bac40..ca91c5157 100644
--- a/frontend/src/i18n/translations.ts
+++ b/frontend/src/i18n/translations.ts
@@ -189,8 +189,9 @@ export const nb = prepareTranslations({
   [KEY.common_capacity]: 'Kapasitet',
   [KEY.common_upload]: 'Last opp',
   [KEY.common_replace]: 'Erstatt',
-  [KEY.common_linked_to_events]: 'brukt i disse arrangementene',
+  [KEY.common_image_linked_to_events]: 'Bildet er brukt i disse arrangementene',
   [KEY.common_cannot_delete_image]: 'Bildet kan ikke slettes før alle disse arrangementene er slettet eller bildet erstattes.',
+  [KEY.common_confirm_image_delete]: 'Er du sikker på at du vil slette bildet?',
 
   [KEY.common_membership_number]: 'Medlemsnummer',
   [KEY.common_to_payment]: 'Til betaling',
@@ -900,8 +901,10 @@ export const en = prepareTranslations({
   [KEY.common_capacity]: 'Capacity',
   [KEY.common_replace]: 'Replace',
   [KEY.common_upload]: 'Upload',
-  [KEY.common_linked_to_events]: 'used in these events',
+  [KEY.common_image_linked_to_events]: 'The image is used in these events',
   [KEY.common_cannot_delete_image]: 'The image cannot be deleted until all these events are deleted or the image is replaced.',
+  [KEY.common_confirm_image_delete]: 'Are you sure you want to delete the image?',
+
   [KEY.common_membership_number]: 'Membership number',
   [KEY.common_to_payment]: 'To payment',
 

From 7c15be399ecfc49176bde709481b49b9f6c2f70c Mon Sep 17 00:00:00 2001
From: Tor Madsen <marvel.madsen@gmail.com>
Date: Thu, 9 Apr 2026 19:06:32 +0200
Subject: [PATCH 74/79] Added return to edit image page on saving an event.

---
 .../EventCreatorAdminPage.tsx                      | 14 +++++++++++++-
 .../components/AdminImage/AdminEditImage.tsx       |  9 +++++++--
 2 files changed, 20 insertions(+), 3 deletions(-)

diff --git a/frontend/src/PagesAdmin/EventCreatorAdminPage/EventCreatorAdminPage.tsx b/frontend/src/PagesAdmin/EventCreatorAdminPage/EventCreatorAdminPage.tsx
index e0706e0da..a432923e9 100644
--- a/frontend/src/PagesAdmin/EventCreatorAdminPage/EventCreatorAdminPage.tsx
+++ b/frontend/src/PagesAdmin/EventCreatorAdminPage/EventCreatorAdminPage.tsx
@@ -3,7 +3,7 @@ import { useQuery } from '@tanstack/react-query';
 import classNames from 'classnames';
 import { type ReactElement, type ReactNode, useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import { useParams } from 'react-router';
+import { useLocation, useNavigate, useParams } from 'react-router-dom';
 import { toast } from 'react-toastify';
 import { Button, Form } from '~/Components';
 import type { DropdownOption } from '~/Components/Dropdown/Dropdown';
@@ -33,6 +33,8 @@ import { TextStep } from './steps/TextStep';
 
 export function EventCreatorAdminPage() {
   const { t } = useTranslation();
+  const location = useLocation();
+  const reactNavigate = useNavigate();
   const [event, setEvent] = useState<Partial<EventDto>>();
   const [showSpinner, setShowSpinner] = useState<boolean>(true);
   const { id } = useParams();
@@ -87,6 +89,16 @@ export function EventCreatorAdminPage() {
     }
   }, [id, t]);
 
+  // Handle navigation after successful edit
+  useEffect(() => {
+    if (editEventMutation.isSuccess && id) {
+      const from = location.state?.from;
+      if (from) {
+        reactNavigate(from);
+      }
+    }
+  }, [editEventMutation.isSuccess, id, location.state, reactNavigate]);
+
   // ================================== //
   //          Creation Steps            //
   // ================================== //
diff --git a/frontend/src/PagesAdmin/ImageAdminPage/components/AdminImage/AdminEditImage.tsx b/frontend/src/PagesAdmin/ImageAdminPage/components/AdminImage/AdminEditImage.tsx
index 32c5ba35c..23b8f8836 100644
--- a/frontend/src/PagesAdmin/ImageAdminPage/components/AdminImage/AdminEditImage.tsx
+++ b/frontend/src/PagesAdmin/ImageAdminPage/components/AdminImage/AdminEditImage.tsx
@@ -1,7 +1,7 @@
 import { AxiosError } from 'axios';
 import { useEffect, useRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import { useParams } from 'react-router-dom';
+import { useLocation, useNavigate, useParams } from 'react-router-dom';
 import { toast } from 'react-toastify';
 import { Button } from '~/Components/Button/Button';
 import type { LinkedEventDto } from '~/api';
@@ -24,6 +24,8 @@ type AdminEditImageProps = {
 export function AdminEditImage({ id }: AdminEditImageProps) {
   const { t } = useTranslation();
   const navigate = useCustomNavigate();
+  const reactNavigate = useNavigate();
+  const location = useLocation();
   const { id: paramsId } = useParams<{ id: string }>();
   const fileInputRef = useRef<HTMLInputElement>(null);
 
@@ -223,7 +225,10 @@ export function AdminEditImage({ id }: AdminEditImageProps) {
                 <li
                   key={event.id}
                   className={styles.eventItem}
-                  onClick={() => navigate({ url: reverse({ pattern: ROUTES.frontend.admin_events_edit, urlParams: { id: event.id } }) })}
+                  onClick={() => {
+                    const eventUrl = reverse({ pattern: ROUTES.frontend.admin_events_edit, urlParams: { id: event.id } });
+                    reactNavigate(eventUrl, { state: { from: location.pathname } });
+                  }}
                 >
                   {event.title_nb || event.title_en} ({new Date(event.start_dt).toLocaleDateString()})
                 </li>

From f0a78c89612e734c2524ece07c981b5ba48e09f7 Mon Sep 17 00:00:00 2001
From: Tor Madsen <marvel.madsen@gmail.com>
Date: Thu, 9 Apr 2026 19:11:17 +0200
Subject: [PATCH 75/79] Removed hover effect and changed items to hyperlinks
 for better redirect visibility

---
 .../AdminImage/AdminEditImage.module.scss     |  6 ----
 .../components/AdminImage/AdminEditImage.tsx  | 28 +++++++++++--------
 2 files changed, 16 insertions(+), 18 deletions(-)

diff --git a/frontend/src/PagesAdmin/ImageAdminPage/components/AdminImage/AdminEditImage.module.scss b/frontend/src/PagesAdmin/ImageAdminPage/components/AdminImage/AdminEditImage.module.scss
index 568ac1f2d..ef7b873ae 100644
--- a/frontend/src/PagesAdmin/ImageAdminPage/components/AdminImage/AdminEditImage.module.scss
+++ b/frontend/src/PagesAdmin/ImageAdminPage/components/AdminImage/AdminEditImage.module.scss
@@ -105,12 +105,6 @@
   padding: 0.25rem 0.5rem;
   margin-left: -0.5rem;
   border-radius: 3px;
-
-  &:hover {
-    background-color: #e8f4f8;
-    color: #003d5c;
-    font-weight: 500;
-  }
 }
 
 .warningText {
diff --git a/frontend/src/PagesAdmin/ImageAdminPage/components/AdminImage/AdminEditImage.tsx b/frontend/src/PagesAdmin/ImageAdminPage/components/AdminImage/AdminEditImage.tsx
index 23b8f8836..302aa1b8e 100644
--- a/frontend/src/PagesAdmin/ImageAdminPage/components/AdminImage/AdminEditImage.tsx
+++ b/frontend/src/PagesAdmin/ImageAdminPage/components/AdminImage/AdminEditImage.tsx
@@ -221,18 +221,22 @@ export function AdminEditImage({ id }: AdminEditImageProps) {
           <div className={styles.linkedEventsSection}>
             <h4>{t(KEY.common_image_linked_to_events)}:</h4>
             <ul className={styles.eventsList}>
-              {linkedEvents.map((event) => (
-                <li
-                  key={event.id}
-                  className={styles.eventItem}
-                  onClick={() => {
-                    const eventUrl = reverse({ pattern: ROUTES.frontend.admin_events_edit, urlParams: { id: event.id } });
-                    reactNavigate(eventUrl, { state: { from: location.pathname } });
-                  }}
-                >
-                  {event.title_nb || event.title_en} ({new Date(event.start_dt).toLocaleDateString()})
-                </li>
-              ))}
+              {linkedEvents.map((event) => {
+                const eventUrl = reverse({ pattern: ROUTES.frontend.admin_events_edit, urlParams: { id: event.id } });
+                return (
+                  <li key={event.id} className={styles.eventItem}>
+                    <a
+                      href={eventUrl}
+                      onClick={(e) => {
+                        e.preventDefault();
+                        reactNavigate(eventUrl, { state: { from: location.pathname } });
+                      }}
+                    >
+                      {event.title_nb || event.title_en} ({new Date(event.start_dt).toLocaleDateString()})
+                    </a>
+                  </li>
+                );
+              })}
             </ul>
             <p className={styles.warningText}>
               {t(KEY.common_cannot_delete_image)}

From 249d73fe8260e0b616f8f329e001222fe87ab1bc Mon Sep 17 00:00:00 2001
From: Tor Madsen <marvel.madsen@gmail.com>
Date: Thu, 9 Apr 2026 20:53:39 +0200
Subject: [PATCH 76/79] Changed the image upload to samf's component, added
 field for changing title and tags.

---
 backend/samfundet/serializers.py              |  38 ++++--
 .../components/AdminImage/AdminEditImage.tsx  | 129 +++++++++++-------
 frontend/src/api.ts                           |  22 ++-
 3 files changed, 124 insertions(+), 65 deletions(-)

diff --git a/backend/samfundet/serializers.py b/backend/samfundet/serializers.py
index 8ce371523..abfd6b780 100644
--- a/backend/samfundet/serializers.py
+++ b/backend/samfundet/serializers.py
@@ -88,7 +88,7 @@ class ImageSerializer(CustomBaseSerializer):
     url = serializers.SerializerMethodField(method_name='get_url', read_only=True)
 
     # Write only fields for posting new images.
-    file = serializers.FileField(write_only=True, required=True)
+    file = serializers.FileField(write_only=True, required=False)
     # Comma separated tag string "tag_a,tag_b" is automatically parsed to list of tag models.
     tag_string = serializers.CharField(write_only=True, allow_blank=True, required=False)
 
@@ -102,16 +102,19 @@ def validate(self, attributes: dict) -> dict:
             raise serializers.ValidationError({'title': 'This field is required.'})
 
         file = attributes.get('file')
-        if not file:
+        # File is required only for create operations (POST), not for updates (PUT/PATCH)
+        # self.instance will be None for creation, and non-None for updates
+        if not file and not self.instance:
             raise serializers.ValidationError({'file': 'An image file is required.'})
 
-        # Validate that the uploaded file is a valid image
-        try:
-            file.seek(0)
-            PilImage.open(file).verify()
-            file.seek(0)
-        except UnidentifiedImageError as error:
-            raise serializers.ValidationError('Invalid image') from error
+        # Validate that the uploaded file is a valid image if one is provided
+        if file:
+            try:
+                file.seek(0)
+                PilImage.open(file).verify()
+                file.seek(0)
+            except UnidentifiedImageError as error:
+                raise serializers.ValidationError('Invalid image') from error
 
         return attributes
 
@@ -136,7 +139,13 @@ def create(self, validated_data: dict) -> Image:
                 if name not in seen:
                     seen.add(name)
                     unique_tag_names.append(name)
-            tags = [Tag.objects.get_or_create(name=name)[0] for name in unique_tag_names]
+            # Get or create tags, handling cases where multiple tags with the same name exist
+            tags = []
+            for name in unique_tag_names:
+                tag = Tag.objects.filter(name=name).first()
+                if not tag:
+                    tag = Tag.objects.create(name=name)
+                tags.append(tag)
         else:
             tags = []
         # Preserve original filename if available; fallback to title
@@ -186,7 +195,14 @@ def update(self, instance: Image, validated_data: dict) -> Image:
                 if name not in seen:
                     seen.add(name)
                     unique_tag_names.append(name)
-            tags = [Tag.objects.get_or_create(name=name)[0] for name in unique_tag_names]
+            
+            # Get or create tags, handling cases where multiple tags with the same name exist
+            tags = []
+            for name in unique_tag_names:
+                tag = Tag.objects.filter(name=name).first()
+                if not tag:
+                    tag = Tag.objects.create(name=name)
+                tags.append(tag)
             instance.tags.set(tags)
 
         # Update other fields
diff --git a/frontend/src/PagesAdmin/ImageAdminPage/components/AdminImage/AdminEditImage.tsx b/frontend/src/PagesAdmin/ImageAdminPage/components/AdminImage/AdminEditImage.tsx
index 302aa1b8e..340fca9ce 100644
--- a/frontend/src/PagesAdmin/ImageAdminPage/components/AdminImage/AdminEditImage.tsx
+++ b/frontend/src/PagesAdmin/ImageAdminPage/components/AdminImage/AdminEditImage.tsx
@@ -1,11 +1,13 @@
 import { AxiosError } from 'axios';
-import { useEffect, useRef, useState } from 'react';
+import { useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useLocation, useNavigate, useParams } from 'react-router-dom';
 import { toast } from 'react-toastify';
 import { Button } from '~/Components/Button/Button';
+import { SamfForm } from '~/Forms/SamfForm';
+import { SamfFormField } from '~/Forms/SamfFormField';
 import type { LinkedEventDto } from '~/api';
-import { deleteImage, getImage, getImageLinkedEvents, replaceImageFile } from '~/api';
+import { deleteImage, getImage, getImageLinkedEvents, patchImage, replaceImageFile } from '~/api';
 import { BACKEND_DOMAIN } from '~/constants';
 import type { ImageDto } from '~/dto';
 import { useCustomNavigate, useTitle } from '~/hooks';
@@ -21,24 +23,29 @@ type AdminEditImageProps = {
   id?: number;
 };
 
+type FormType = {
+  title: string;
+  tag_string: string;
+  file?: File;
+};
+
 export function AdminEditImage({ id }: AdminEditImageProps) {
   const { t } = useTranslation();
   const navigate = useCustomNavigate();
   const reactNavigate = useNavigate();
   const location = useLocation();
   const { id: paramsId } = useParams<{ id: string }>();
-  const fileInputRef = useRef<HTMLInputElement>(null);
 
   // Use prop if provided, otherwise fall back to URL params
   const imageID = id || paramsId;
 
   const [image, setImage] = useState<ImageDto | null>(null);
   const [loading, setLoading] = useState<boolean>(true);
-  const [uploading, setUploading] = useState<boolean>(false);
-  const [selectedFile, setSelectedFile] = useState<File | null>(null);
+  const [deleting, setDeleting] = useState<boolean>(false);
   const [notFound, setNotFound] = useState<boolean>(false);
   const [fetchError, setFetchError] = useState<boolean>(false);
   const [linkedEvents, setLinkedEvents] = useState<LinkedEventDto[]>([]);
+  const [formValues, setFormValues] = useState<FormType | null>(null);
 
   const title = lowerCapitalize(`${t(KEY.common_edit)} ${t(KEY.common_image)}`);
   useTitle(title);
@@ -91,6 +98,17 @@ export function AdminEditImage({ id }: AdminEditImageProps) {
     };
   }, [imageID]);
 
+  // Initialize form values when image loads
+  useEffect(() => {
+    if (image) {
+      setFormValues({
+        title: image.title,
+        tag_string: image.tags.map((tag) => tag.name).join(', '),
+        file: undefined,
+      });
+    }
+  }, [image]);
+
   // Handle 404 redirect
   useEffect(() => {
     if (notFound) {
@@ -105,44 +123,39 @@ export function AdminEditImage({ id }: AdminEditImageProps) {
     }
   }, [fetchError, t]);
 
-  const handleFileSelect = (event: React.ChangeEvent<HTMLInputElement>) => {
-    const file = event.target.files?.[0];
-    if (file) {
-      setSelectedFile(file);
-    }
-  };
-
-  const handleUpload = async () => {
-    if (!selectedFile || !image) {
+  const handleFormSubmit = async (data: FormType) => {
+    if (!image) {
       toast.error(t(KEY.common_something_went_wrong));
       return;
     }
 
-    // Validate file size (5MB max)
-    const MAX_FILE_SIZE = 5 * 1024 * 1024;
-    if (selectedFile.size > MAX_FILE_SIZE) {
-      toast.error('File size must be less than 5MB');
-      return;
-    }
-
     try {
-      setUploading(true);
-      await replaceImageFile(image.id, selectedFile, image.title);
+      // If a file was provided, upload it first (replaceImageFile already handles title and tags)
+      if (data.file) {
+        const MAX_FILE_SIZE = 5 * 1024 * 1024;
+        if (data.file.size > MAX_FILE_SIZE) {
+          toast.error('File size must be less than 5MB');
+          return;
+        }
+        await replaceImageFile(image.id, data.file, data.title, data.tag_string);
+      } else {
+        // No file upload - update metadata (title and tags) only via PATCH
+        const payload = {
+          title: data.title,
+          tag_string: data.tag_string || '',
+        };
+        await patchImage(image.id, payload);
+      }
 
       // Refetch the image to get the latest version from the server
       const refreshedImage = await getImage(image.id);
       setImage(refreshedImage);
 
-      setSelectedFile(null);
-      if (fileInputRef.current) {
-        fileInputRef.current.value = '';
-      }
-      toast.success(t(KEY.common_creation_successful));
+      toast.success(t(KEY.common_save_successful));
     } catch (error: unknown) {
+      const errorMessage = error instanceof AxiosError ? JSON.stringify(error.response?.data) : String(error);
       toast.error(t(KEY.common_something_went_wrong));
-      console.error('Failed to upload image:', error);
-    } finally {
-      setUploading(false);
+      console.error('Failed to update image:', errorMessage);
     }
   };
 
@@ -157,7 +170,7 @@ export function AdminEditImage({ id }: AdminEditImageProps) {
     }
 
     try {
-      setUploading(true);
+      setDeleting(true);
       await deleteImage(image.id);
       toast.success(t(KEY.common_delete_successful));
       navigate({ url: ROUTES.frontend.admin_images, replace: true });
@@ -165,7 +178,7 @@ export function AdminEditImage({ id }: AdminEditImageProps) {
       toast.error(t(KEY.common_something_went_wrong));
       console.error('Failed to delete image:', error);
     } finally {
-      setUploading(false);
+      setDeleting(false);
     }
   };
 
@@ -197,24 +210,38 @@ export function AdminEditImage({ id }: AdminEditImageProps) {
           </div>
         </div>
 
-        {/* Upload form */}
-        <div className={styles.uploadSection}>
-          <h4>{lowerCapitalize(`${t(KEY.common_replace)} ${t(KEY.common_image)}`)}</h4>
-          <div className={styles.uploadForm}>
-            <input
-              ref={fileInputRef}
-              type="file"
-              accept="image/*"
-              onChange={handleFileSelect}
-              disabled={uploading}
-              className={styles.fileInput}
-            />
-            {selectedFile && <p className={styles.fileName}>{selectedFile.name}</p>}
-            <Button onClick={handleUpload} disabled={!selectedFile || uploading} theme="success" rounded={true}>
-              {uploading ? t(KEY.common_loading) : t(KEY.common_upload)}
-            </Button>
+        {/* Edit form */}
+        {formValues && (
+          <div className={styles.uploadSection}>
+            <h4>{lowerCapitalize(`${t(KEY.common_edit)} ${t(KEY.common_image)}`)}</h4>
+            <SamfForm<FormType>
+              key={`image-form-${image?.id}`}
+              onSubmit={handleFormSubmit}
+              submitText={t(KEY.common_save)}
+              validateOn="submit"
+              initialData={formValues}
+            >
+              <SamfFormField
+                field="title"
+                type="text"
+                label={`${t(KEY.common_name)}`}
+                required={true}
+              />
+              <SamfFormField
+                field="tag_string"
+                type="text"
+                label={`${t(KEY.common_tags)}`}
+                required={false}
+              />
+              <SamfFormField
+                field="file"
+                type="upload_image"
+                label={lowerCapitalize(`${t(KEY.common_replace)} ${t(KEY.common_image)}`)}
+                required={false}
+              />
+            </SamfForm>
           </div>
-        </div>
+        )}
 
         {/* Linked events warning */}
         {linkedEvents.length > 0 && (
@@ -248,7 +275,7 @@ export function AdminEditImage({ id }: AdminEditImageProps) {
         <div className={styles.deleteSection}>
           <Button
             onClick={handleDelete}
-            disabled={uploading || linkedEvents.length > 0}
+            disabled={deleting || linkedEvents.length > 0}
             theme="samf"
             rounded={true}
             title={linkedEvents.length > 0 ? t(KEY.common_cannot_delete_image) : undefined}
diff --git a/frontend/src/api.ts b/frontend/src/api.ts
index 9456ecaa1..2b5ac380a 100644
--- a/frontend/src/api.ts
+++ b/frontend/src/api.ts
@@ -611,19 +611,35 @@ export async function postImage(data: ImagePostDto): Promise<ImageDto> {
   return response.data;
 }
 
-export async function putImage(id: string | number, data: Partial<ImageDto>): Promise<AxiosResponse> {
+export async function putImage(id: string | number, data: { title?: string; tag_string?: string }): Promise<AxiosResponse> {
   const url = BACKEND_DOMAIN + reverse({ pattern: ROUTES.backend.samfundet__images_detail, urlParams: { pk: id } });
-  const response = await axios.put<ImageDto>(url, data, { withCredentials: true });
+  const formData = new FormData();
+  if (data.title) {
+    formData.append('title', data.title);
+  }
+  if (data.tag_string) {
+    formData.append('tag_string', data.tag_string);
+  }
+  const response = await axios.putForm<ImageDto>(url, formData, { withCredentials: true });
   return response;
 }
 
-export async function replaceImageFile(id: string | number, file: File, title?: string): Promise<ImageDto> {
+export async function patchImage(id: string | number, data: { title?: string; tag_string?: string }): Promise<ImageDto> {
+  const url = BACKEND_DOMAIN + reverse({ pattern: ROUTES.backend.samfundet__images_detail, urlParams: { pk: id } });
+  const response = await axios.patch<ImageDto>(url, data, { withCredentials: true });
+  return response.data;
+}
+
+export async function replaceImageFile(id: string | number, file: File, title?: string, tagString?: string): Promise<ImageDto> {
   const url = BACKEND_DOMAIN + reverse({ pattern: ROUTES.backend.samfundet__images_detail, urlParams: { pk: id } });
   const formData = new FormData();
   formData.append('file', file);
   if (title) {
     formData.append('title', title);
   }
+  if (tagString) {
+    formData.append('tag_string', tagString);
+  }
   const response = await axios.putForm<ImageDto>(url, formData, { withCredentials: true });
   return response.data;
 }

From f1a8cefde251826f406f2dda7a4b0b318ea6e8bb Mon Sep 17 00:00:00 2001
From: Tor Madsen <marvel.madsen@gmail.com>
Date: Thu, 9 Apr 2026 21:11:58 +0200
Subject: [PATCH 77/79] Removed title and tags info from image, and change the
 button to icon

---
 .../AdminImage/AdminEditImage.module.scss         | 11 -----------
 .../components/AdminImage/AdminEditImage.tsx      |  4 ----
 .../components/AdminImage/AdminImage.module.scss  |  7 +++++++
 .../components/AdminImage/AdminImage.tsx          | 15 +++++++++------
 4 files changed, 16 insertions(+), 21 deletions(-)

diff --git a/frontend/src/PagesAdmin/ImageAdminPage/components/AdminImage/AdminEditImage.module.scss b/frontend/src/PagesAdmin/ImageAdminPage/components/AdminImage/AdminEditImage.module.scss
index ef7b873ae..fc276ff0c 100644
--- a/frontend/src/PagesAdmin/ImageAdminPage/components/AdminImage/AdminEditImage.module.scss
+++ b/frontend/src/PagesAdmin/ImageAdminPage/components/AdminImage/AdminEditImage.module.scss
@@ -23,17 +23,6 @@
   object-fit: cover;
 }
 
-.imageInfo {
-  padding: 1rem;
-  background-color: $black;
-  color: $white;
-
-  h3 {
-    margin: 0 0 0.5rem 0;
-    font-size: 1.2em;
-  }
-}
-
 .uploadSection {
   @include rounded;
   @include shadow-light;
diff --git a/frontend/src/PagesAdmin/ImageAdminPage/components/AdminImage/AdminEditImage.tsx b/frontend/src/PagesAdmin/ImageAdminPage/components/AdminImage/AdminEditImage.tsx
index 340fca9ce..1ce039493 100644
--- a/frontend/src/PagesAdmin/ImageAdminPage/components/AdminImage/AdminEditImage.tsx
+++ b/frontend/src/PagesAdmin/ImageAdminPage/components/AdminImage/AdminEditImage.tsx
@@ -204,10 +204,6 @@ export function AdminEditImage({ id }: AdminEditImageProps) {
         {/* Display current image */}
         <div className={styles.imageSection}>
           <img src={BACKEND_DOMAIN + image.url} alt={image.title} className={styles.image} />
-          <div className={styles.imageInfo}>
-            <h3>{image.title}</h3>
-            <p className={styles.tags}>{image.tags.map((tag) => tag.name).join(', ')}</p>
-          </div>
         </div>
 
         {/* Edit form */}
diff --git a/frontend/src/PagesAdmin/ImageAdminPage/components/AdminImage/AdminImage.module.scss b/frontend/src/PagesAdmin/ImageAdminPage/components/AdminImage/AdminImage.module.scss
index c24f1ff3e..79ec14590 100644
--- a/frontend/src/PagesAdmin/ImageAdminPage/components/AdminImage/AdminImage.module.scss
+++ b/frontend/src/PagesAdmin/ImageAdminPage/components/AdminImage/AdminImage.module.scss
@@ -10,6 +10,7 @@
   background-position: center;
   background-size: cover;
   transition: 0.2s;
+  position: relative;
   &:hover {
     transform: scale(1.02);
   }
@@ -32,3 +33,9 @@
     text-decoration: none;
   }
 }
+
+.editButtonWrapper {
+  position: absolute;
+  bottom: 1em;
+  right: 1em;
+}
diff --git a/frontend/src/PagesAdmin/ImageAdminPage/components/AdminImage/AdminImage.tsx b/frontend/src/PagesAdmin/ImageAdminPage/components/AdminImage/AdminImage.tsx
index 8c474ea60..8b3088947 100644
--- a/frontend/src/PagesAdmin/ImageAdminPage/components/AdminImage/AdminImage.tsx
+++ b/frontend/src/PagesAdmin/ImageAdminPage/components/AdminImage/AdminImage.tsx
@@ -1,7 +1,7 @@
 import classNames from 'classnames';
 import { t } from 'i18next';
 import { useNavigate } from 'react-router-dom';
-import { Button } from '~/Components/Button/Button';
+import { IconButton } from '~/Components';
 import { BACKEND_DOMAIN } from '~/constants';
 import type { ImageDto } from '~/dto';
 import { KEY } from '~/i18n/constants';
@@ -24,11 +24,12 @@ export function AdminImage({ image, className }: AdminImageProps) {
   });
 
   const header = (
-    <>
-      <Button theme="success" rounded={true} onClick={() => navigate(editImageUrl)}>
-        {lowerCapitalize(`${t(KEY.common_edit)} ${t(KEY.common_image)}`)}
-      </Button>
-    </>
+    <IconButton
+      icon="ph:pencil-bold"
+      title={lowerCapitalize(`${t(KEY.common_edit)} ${t(KEY.common_image)}`)}
+      color="#4ab74c"
+      onClick={() => navigate(editImageUrl)}
+    />
   );
 
   const TAGS = image.tags
@@ -45,6 +46,8 @@ export function AdminImage({ image, className }: AdminImageProps) {
       <div className={styles.imageTitle}>
         <p className={styles.text}>{image.title}</p>
         <p className={styles.tags}>{TAGS}</p>
+      </div>
+      <div className={styles.editButtonWrapper}>
         {header}
       </div>
     </div>

From 86ffc8db36611eb91d09c72ae94dd4de55a739f0 Mon Sep 17 00:00:00 2001
From: Tor Madsen <marvel.madsen@gmail.com>
Date: Thu, 9 Apr 2026 21:22:41 +0200
Subject: [PATCH 78/79] Added return to image gallery on succsessful edit.

---
 .../components/AdminImage/AdminEditImage.tsx               | 7 +++++++
 .../ImageAdminPage/components/AdminImage/AdminImage.tsx    | 5 +++--
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/frontend/src/PagesAdmin/ImageAdminPage/components/AdminImage/AdminEditImage.tsx b/frontend/src/PagesAdmin/ImageAdminPage/components/AdminImage/AdminEditImage.tsx
index 1ce039493..52b26d4f0 100644
--- a/frontend/src/PagesAdmin/ImageAdminPage/components/AdminImage/AdminEditImage.tsx
+++ b/frontend/src/PagesAdmin/ImageAdminPage/components/AdminImage/AdminEditImage.tsx
@@ -152,6 +152,13 @@ export function AdminEditImage({ id }: AdminEditImageProps) {
       setImage(refreshedImage);
 
       toast.success(t(KEY.common_save_successful));
+
+      // Navigate back to previous page after successful save
+      if (location.state?.from) {
+        navigate({ url: location.state.from, replace: true });
+      } else {
+        navigate({ url: ROUTES.frontend.admin_images, replace: true });
+      }
     } catch (error: unknown) {
       const errorMessage = error instanceof AxiosError ? JSON.stringify(error.response?.data) : String(error);
       toast.error(t(KEY.common_something_went_wrong));
diff --git a/frontend/src/PagesAdmin/ImageAdminPage/components/AdminImage/AdminImage.tsx b/frontend/src/PagesAdmin/ImageAdminPage/components/AdminImage/AdminImage.tsx
index 8b3088947..992ad59ec 100644
--- a/frontend/src/PagesAdmin/ImageAdminPage/components/AdminImage/AdminImage.tsx
+++ b/frontend/src/PagesAdmin/ImageAdminPage/components/AdminImage/AdminImage.tsx
@@ -1,6 +1,6 @@
 import classNames from 'classnames';
 import { t } from 'i18next';
-import { useNavigate } from 'react-router-dom';
+import { useLocation, useNavigate } from 'react-router-dom';
 import { IconButton } from '~/Components';
 import { BACKEND_DOMAIN } from '~/constants';
 import type { ImageDto } from '~/dto';
@@ -17,6 +17,7 @@ type AdminImageProps = {
 
 export function AdminImage({ image, className }: AdminImageProps) {
   const navigate = useNavigate();
+  const location = useLocation();
 
   const editImageUrl = reverse({
     pattern: ROUTES.frontend.admin_images_edit,
@@ -28,7 +29,7 @@ export function AdminImage({ image, className }: AdminImageProps) {
       icon="ph:pencil-bold"
       title={lowerCapitalize(`${t(KEY.common_edit)} ${t(KEY.common_image)}`)}
       color="#4ab74c"
-      onClick={() => navigate(editImageUrl)}
+      onClick={() => navigate(editImageUrl, { state: { from: location.pathname } })}
     />
   );
 

From 449b8397a3619750a7a5ae8ab7bb1129baf6cb18 Mon Sep 17 00:00:00 2001
From: Tor Madsen <marvel.madsen@gmail.com>
Date: Thu, 9 Apr 2026 21:40:42 +0200
Subject: [PATCH 79/79] Pipeline fixes

---
 backend/samfundet/serializers.py              | 121 +++++++-----------
 .../AdminImage/AdminEditImage.module.scss     |   4 +-
 .../components/AdminImage/AdminEditImage.tsx  |  18 +--
 .../components/AdminImage/AdminImage.tsx      |   4 +-
 frontend/src/api.ts                           |  22 +++-
 frontend/src/i18n/translations.ts             |   6 +-
 6 files changed, 71 insertions(+), 104 deletions(-)

diff --git a/backend/samfundet/serializers.py b/backend/samfundet/serializers.py
index abfd6b780..29ff30891 100644
--- a/backend/samfundet/serializers.py
+++ b/backend/samfundet/serializers.py
@@ -82,6 +82,43 @@ class Meta:
         fields = '__all__'
 
 
+def _parse_tag_string(tag_string: str | None) -> list[str]:
+    """Parse comma-separated tag string into deduplicated list."""
+    if not tag_string:
+        return []
+    tag_names = [name.strip() for name in tag_string.split(',')]
+    tag_names = [name for name in tag_names if name]
+    seen = set()
+    result = []
+    for name in tag_names:
+        if name not in seen:
+            seen.add(name)
+            result.append(name)
+    return result
+
+
+def _get_or_create_tags(tag_names: list[str]) -> list:
+    """Get or create Tag objects from list of names."""
+    tags = []
+    for name in tag_names:
+        tag = Tag.objects.filter(name=name).first() or Tag.objects.create(name=name)
+        tags.append(tag)
+    return tags
+
+
+def _update_image_file(instance: Image, file: File, validated_data: dict) -> None:
+    """Update the image file on an instance."""
+    try:
+        img = PilImage.open(file)
+        img.verify()
+    except (UnidentifiedImageError, Exception) as e:
+        raise ValidationError(f'Invalid image file: {str(e)}') from e
+    if instance.image:
+        instance.image.delete(save=False)
+    original_name = getattr(file, 'name', None) or validated_data.get('title', instance.title)
+    instance.image = ImageFile(file, original_name)
+
+
 class ImageSerializer(CustomBaseSerializer):
     # Read only tags used in frontend.
     tags = TagSerializer(many=True, read_only=True)
@@ -119,96 +156,30 @@ def validate(self, attributes: dict) -> dict:
         return attributes
 
     def create(self, validated_data: dict) -> Image:
-        """
-        Uses the write_only file field to create new image file.
-        Automatically finds/creates new tags based on comma-separated string.
-        Strips whitespace and drops empty tag names
-        and preserves the original filename when saving the image
-        """
+        """Create new image with file and tags."""
         file = validated_data.pop('file')
         raw_tag_string = validated_data.pop('tag_string', None)
-        if raw_tag_string is not None:
-            # Split on comma, strip whitespace and drop empties
-            tag_names = [name.strip() for name in raw_tag_string.split(',')]
-            tag_names = [name for name in tag_names if name]
-
-            # De-duplicate while preserving order
-            seen: set[str] = set()
-            unique_tag_names = []
-            for name in tag_names:
-                if name not in seen:
-                    seen.add(name)
-                    unique_tag_names.append(name)
-            # Get or create tags, handling cases where multiple tags with the same name exist
-            tags = []
-            for name in unique_tag_names:
-                tag = Tag.objects.filter(name=name).first()
-                if not tag:
-                    tag = Tag.objects.create(name=name)
-                tags.append(tag)
-        else:
-            tags = []
-        # Preserve original filename if available; fallback to title
+        tag_names = _parse_tag_string(raw_tag_string)
+        tags = _get_or_create_tags(tag_names)
         original_name = getattr(file, 'name', None) or validated_data.get('title')
-        image = Image.objects.create(
-            image=ImageFile(file, original_name),
-            **validated_data,
-        )
+        image = Image.objects.create(image=ImageFile(file, original_name), **validated_data)
         image.tags.set(tags)
         image.save()
         return image
 
     def update(self, instance: Image, validated_data: dict) -> Image:
-        """
-        Updates an image with a new file.
-        Deletes the old image file from storage before saving the new one.
-        """
-        # Delete old image file if a new file is being uploaded
+        """Update image metadata and optionally the image file."""
         if 'file' in validated_data:
-            file = validated_data.pop('file')
-            
-            # Validate the image file
-            try:
-                img = PilImage.open(file)
-                img.verify()
-            except (UnidentifiedImageError, Exception) as e:
-                raise ValidationError(f'Invalid image file: {str(e)}')
-            
-            # Delete the old image file from storage
-            if instance.image:
-                instance.image.delete(save=False)
-            # Preserve original filename if available; fallback to title
-            original_name = getattr(file, 'name', None) or validated_data.get('title', instance.title)
-            instance.image = ImageFile(file, original_name)
-
-        # Handle tag updates if provided
+            _update_image_file(instance, validated_data.pop('file'), validated_data)
+
         raw_tag_string = validated_data.pop('tag_string', None)
         if raw_tag_string is not None:
-            # Split on comma, strip whitespace and drop empties
-            tag_names = [name.strip() for name in raw_tag_string.split(',')]
-            tag_names = [name for name in tag_names if name]
-
-            # De-duplicate while preserving order
-            seen: set[str] = set()
-            unique_tag_names = []
-            for name in tag_names:
-                if name not in seen:
-                    seen.add(name)
-                    unique_tag_names.append(name)
-            
-            # Get or create tags, handling cases where multiple tags with the same name exist
-            tags = []
-            for name in unique_tag_names:
-                tag = Tag.objects.filter(name=name).first()
-                if not tag:
-                    tag = Tag.objects.create(name=name)
-                tags.append(tag)
+            tag_names = _parse_tag_string(raw_tag_string)
+            tags = _get_or_create_tags(tag_names)
             instance.tags.set(tags)
 
-        # Update other fields
         for attr, value in validated_data.items():
             setattr(instance, attr, value)
-
         instance.save()
         return instance
 
diff --git a/frontend/src/PagesAdmin/ImageAdminPage/components/AdminImage/AdminEditImage.module.scss b/frontend/src/PagesAdmin/ImageAdminPage/components/AdminImage/AdminEditImage.module.scss
index fc276ff0c..d63eedeea 100644
--- a/frontend/src/PagesAdmin/ImageAdminPage/components/AdminImage/AdminEditImage.module.scss
+++ b/frontend/src/PagesAdmin/ImageAdminPage/components/AdminImage/AdminEditImage.module.scss
@@ -73,7 +73,7 @@
   h4 {
     margin: 0 0 1rem 0;
     font-size: 1.1em;
-    color: #333;
+    color: #333333;
   }
 }
 
@@ -84,7 +84,7 @@
 
   li {
     margin-bottom: 0.5rem;
-    color: #555;
+    color: #555555;
   }
 }
 
diff --git a/frontend/src/PagesAdmin/ImageAdminPage/components/AdminImage/AdminEditImage.tsx b/frontend/src/PagesAdmin/ImageAdminPage/components/AdminImage/AdminEditImage.tsx
index 52b26d4f0..88a5a5c85 100644
--- a/frontend/src/PagesAdmin/ImageAdminPage/components/AdminImage/AdminEditImage.tsx
+++ b/frontend/src/PagesAdmin/ImageAdminPage/components/AdminImage/AdminEditImage.tsx
@@ -224,18 +224,8 @@ export function AdminEditImage({ id }: AdminEditImageProps) {
               validateOn="submit"
               initialData={formValues}
             >
-              <SamfFormField
-                field="title"
-                type="text"
-                label={`${t(KEY.common_name)}`}
-                required={true}
-              />
-              <SamfFormField
-                field="tag_string"
-                type="text"
-                label={`${t(KEY.common_tags)}`}
-                required={false}
-              />
+              <SamfFormField field="title" type="text" label={`${t(KEY.common_name)}`} required={true} />
+              <SamfFormField field="tag_string" type="text" label={`${t(KEY.common_tags)}`} required={false} />
               <SamfFormField
                 field="file"
                 type="upload_image"
@@ -268,9 +258,7 @@ export function AdminEditImage({ id }: AdminEditImageProps) {
                 );
               })}
             </ul>
-            <p className={styles.warningText}>
-              {t(KEY.common_cannot_delete_image)}
-            </p>
+            <p className={styles.warningText}>{t(KEY.common_cannot_delete_image)}</p>
           </div>
         )}
 
diff --git a/frontend/src/PagesAdmin/ImageAdminPage/components/AdminImage/AdminImage.tsx b/frontend/src/PagesAdmin/ImageAdminPage/components/AdminImage/AdminImage.tsx
index 992ad59ec..486354d6e 100644
--- a/frontend/src/PagesAdmin/ImageAdminPage/components/AdminImage/AdminImage.tsx
+++ b/frontend/src/PagesAdmin/ImageAdminPage/components/AdminImage/AdminImage.tsx
@@ -48,9 +48,7 @@ export function AdminImage({ image, className }: AdminImageProps) {
         <p className={styles.text}>{image.title}</p>
         <p className={styles.tags}>{TAGS}</p>
       </div>
-      <div className={styles.editButtonWrapper}>
-        {header}
-      </div>
+      <div className={styles.editButtonWrapper}>{header}</div>
     </div>
   );
 }
diff --git a/frontend/src/api.ts b/frontend/src/api.ts
index 2b5ac380a..3898b16df 100644
--- a/frontend/src/api.ts
+++ b/frontend/src/api.ts
@@ -611,7 +611,10 @@ export async function postImage(data: ImagePostDto): Promise<ImageDto> {
   return response.data;
 }
 
-export async function putImage(id: string | number, data: { title?: string; tag_string?: string }): Promise<AxiosResponse> {
+export async function putImage(
+  id: string | number,
+  data: { title?: string; tag_string?: string },
+): Promise<AxiosResponse> {
   const url = BACKEND_DOMAIN + reverse({ pattern: ROUTES.backend.samfundet__images_detail, urlParams: { pk: id } });
   const formData = new FormData();
   if (data.title) {
@@ -624,13 +627,21 @@ export async function putImage(id: string | number, data: { title?: string; tag_
   return response;
 }
 
-export async function patchImage(id: string | number, data: { title?: string; tag_string?: string }): Promise<ImageDto> {
+export async function patchImage(
+  id: string | number,
+  data: { title?: string; tag_string?: string },
+): Promise<ImageDto> {
   const url = BACKEND_DOMAIN + reverse({ pattern: ROUTES.backend.samfundet__images_detail, urlParams: { pk: id } });
   const response = await axios.patch<ImageDto>(url, data, { withCredentials: true });
   return response.data;
 }
 
-export async function replaceImageFile(id: string | number, file: File, title?: string, tagString?: string): Promise<ImageDto> {
+export async function replaceImageFile(
+  id: string | number,
+  file: File,
+  title?: string,
+  tagString?: string,
+): Promise<ImageDto> {
   const url = BACKEND_DOMAIN + reverse({ pattern: ROUTES.backend.samfundet__images_detail, urlParams: { pk: id } });
   const formData = new FormData();
   formData.append('file', file);
@@ -658,10 +669,7 @@ export type LinkedEventDto = {
 };
 
 export async function getImageLinkedEvents(id: string | number): Promise<LinkedEventDto[]> {
-  const url =
-    BACKEND_DOMAIN +
-    reverse({ pattern: ROUTES.backend.samfundet__images_detail, urlParams: { pk: id } }) +
-    'linked_events/';
+  const url = `${BACKEND_DOMAIN}${reverse({ pattern: ROUTES.backend.samfundet__images_detail, urlParams: { pk: id } })}linked_events/`;
   const response = await axios.get<LinkedEventDto[]>(url, { withCredentials: true });
   return response.data;
 }
diff --git a/frontend/src/i18n/translations.ts b/frontend/src/i18n/translations.ts
index ca91c5157..82187af80 100644
--- a/frontend/src/i18n/translations.ts
+++ b/frontend/src/i18n/translations.ts
@@ -190,7 +190,8 @@ export const nb = prepareTranslations({
   [KEY.common_upload]: 'Last opp',
   [KEY.common_replace]: 'Erstatt',
   [KEY.common_image_linked_to_events]: 'Bildet er brukt i disse arrangementene',
-  [KEY.common_cannot_delete_image]: 'Bildet kan ikke slettes før alle disse arrangementene er slettet eller bildet erstattes.',
+  [KEY.common_cannot_delete_image]:
+    'Bildet kan ikke slettes før alle disse arrangementene er slettet eller bildet erstattes.',
   [KEY.common_confirm_image_delete]: 'Er du sikker på at du vil slette bildet?',
 
   [KEY.common_membership_number]: 'Medlemsnummer',
@@ -902,7 +903,8 @@ export const en = prepareTranslations({
   [KEY.common_replace]: 'Replace',
   [KEY.common_upload]: 'Upload',
   [KEY.common_image_linked_to_events]: 'The image is used in these events',
-  [KEY.common_cannot_delete_image]: 'The image cannot be deleted until all these events are deleted or the image is replaced.',
+  [KEY.common_cannot_delete_image]:
+    'The image cannot be deleted until all these events are deleted or the image is replaced.',
   [KEY.common_confirm_image_delete]: 'Are you sure you want to delete the image?',
 
   [KEY.common_membership_number]: 'Membership number',