refator(Modal): Renamed small to slim

frontend/src/components/Modal.vue

@@ -4,7 +4,7 @@
 		<div
 			:class="{
 				'modal-card': true,
-				'modal-small': size === 'small',
+				'modal-slim': size === 'slim',
 				'modal-wide': size === 'wide',
 				'modal-split': split
 			}"
@@ -140,7 +140,7 @@ export default {
 		margin: 0;
 		font-size: 16px;
 
-		&.modal-small {
+		&.modal-slim {
 			width: 640px;
 		}
 

frontend/src/components/modals/Confirm.vue

@@ -1,6 +1,6 @@
 <template>
 	<div>
-		<modal class="confirm-modal" title="Confirm Action" :size="'small'">
+		<modal class="confirm-modal" title="Confirm Action" :size="'slim'">
 			<template #body>
 				<div class="confirm-modal-inner-container">
 					{{ message }}

frontend/src/components/modals/Login.vue

@@ -3,7 +3,7 @@
 		<modal
 			title="Login"
 			class="login-modal"
-			:size="'small'"
+			:size="'slim'"
 			@closed="closeLoginModal()"
 		>
 			<template #body>

frontend/src/components/modals/Register.vue

@@ -3,7 +3,7 @@
 		<modal
 			title="Register"
 			class="register-modal"
-			:size="'small'"
+			:size="'slim'"
 			@closed="closeRegisterModal()"
 		>
 			<template #body>