fix: misc ui fixes

frontend/src/components/BatchCard.vue

@@ -8,7 +8,7 @@
 		</div>
 		<div
 			v-if="batch.seat_count && batch.seats_left > 0"
-			class="text-xs bg-green-200 text-green-800 self-start px-2 py-0.5 rounded-md"
+			class="text-xs bg-green-100 text-green-700 self-start px-2 py-0.5 rounded-md"
 		>
 			{{ batch.seats_left }}
 			<span v-if="batch.seats_left > 1">
@@ -20,7 +20,7 @@
 		</div>
 		<div
 			v-else-if="batch.seat_count && batch.seats_left <= 0"
-			class="text-xs bg-red-200 text-red-900 self-start px-2 py-0.5 rounded-md"
+			class="text-xs bg-red-100 text-red-700 self-start px-2 py-0.5 rounded-md"
 		>
 			{{ __('Sold Out') }}
 		</div>

frontend/src/components/Modals/Settings.vue

@@ -137,7 +137,7 @@ const tabsStructure = computed(() => {
 							name: 'unsplash_access_key',
 							description:
 								'Optional. If this is set, students can pick a cover image from the unsplash library for their profile page. https://unsplash.com/documentation#getting-started.',
-							type: 'text',
+							type: 'password',
 						},
 					],
 				},