frontend cleanup

frontend/src/lib/components/Modal.svelte

@@ -1,9 +1,6 @@
 <script>
 	import { quintOut } from 'svelte/easing';
 
-	import { t } from 'svelte-i18n';
-	import { createEventDispatcher } from 'svelte';
-
 	const modal = (/** @type {Element} */ node, { duration = 300 } = {}) => {
 		const transform = getComputedStyle(node).transform;
 
@@ -19,11 +16,6 @@
 			}
 		};
 	};
-
-	const dispatch = createEventDispatcher();
-	function closeModal() {
-		dispatch('close', {});
-	}
 </script>
 
 <div class="modal-background">
@@ -59,42 +51,11 @@
 		box-shadow: 0 4px 20px rgba(17, 17, 27, 0.5); /* var(--crust) with opacity */
 		transform: translate(-50%, -50%);
 	}
-	.sr-only {
-		position: absolute;
-		width: 1px;
-		height: 1px;
-		padding: 0;
-		margin: -1px;
-		overflow: hidden;
-		clip: rect(0, 0, 0, 0);
-		white-space: nowrap;
-		border-width: 0;
-	}
 	@media (max-width: 990px) {
 		.modal {
 			width: 90%;
 		}
 	}
-	.modal-close {
-		border: none;
-		padding: 1rem;
-		cursor: pointer;
-		position: absolute;
-		right: 0;
-		top: 0;
-	}
-
-	.modal-close svg {
-		display: block;
-		margin-left: auto;
-		margin-right: auto;
-		transition: all 0.3s ease-in-out;
-		fill: var(--blue); /* Using Catppuccin blue */
-	}
-	.modal-close:hover svg {
-		fill: var(--red); /* Using Catppuccin red */
-		transform: scale(1.2);
-	}
 	.modal .container {
 		max-height: 90vh;
 		overflow-y: auto;