fix: Add missing select styling

frontend/src/App.vue

@@ -1217,6 +1217,16 @@ img {
 .select {
 	position: relative;
 
+	&.is-expanded {
+		width: 100%;
+	}
+
+	&.disabled,
+	.disabled {
+		filter: grayscale(1);
+		cursor: not-allowed;
+	}
+
 	&:after {
 		content: " ";
 		border: 1.5px solid var(--primary-color);
@@ -1234,6 +1244,7 @@ img {
 
 	select {
 		height: 36px;
+		width: 100%;
 		background-color: var(--white);
 		border: 1px solid var(--light-grey-2);
 		color: var(--dark-grey-2);

frontend/src/pages/Admin/Users/Punishments.vue

@@ -79,7 +79,7 @@
 				</header>
 				<div class="card-content">
 					<label class="label">Expires In</label>
-					<p class="control select">
+					<p class="control is-expanded select">
 						<select v-model="ipBan.expiresAt">
 							<option value="1h">1 Hour</option>
 							<option value="12h">12 Hours</option>