refactor(components): update components containing an a-select component

add `menuItemSelectedIcon` template with a custom icon element

components/story/atoms/bands.vue

@@ -38,6 +38,9 @@
 			v-model:value="value"
 			:options="options"
 		>
+			<template #menuItemSelectedIcon>
+				<icon istyle="regular" name="circle-check" />
+			</template>
 			<template #removeIcon>
 				<i class="far fa-circle-x" />
 			</template>

components/story/atoms/characters.vue

@@ -22,6 +22,9 @@
 			<template #removeIcon>
 				<i class="far fa-circle-x" />
 			</template>
+			<template #menuItemSelectedIcon>
+				<icon istyle="regular" name="circle-check" />
+			</template>
 		</a-select>
 	</a-form-item>
 </template>

components/story/atoms/genre.vue

@@ -14,6 +14,9 @@
 			<template #removeIcon>
 				<i class="far fa-circle-x" />
 			</template>
+			<template #menuItemSelectedIcon>
+				<icon istyle="regular" name="fa-circle-check" />
+			</template>
 		</a-select>
 	</a-form-item>
 </template>

components/story/atoms/pairings.vue

@@ -23,6 +23,9 @@
 					<template #removeIcon>
 						<i class="far fa-circle-x" />
 					</template>
+					<template #menuItemSelectedIcon>
+						<icon istyle="regular" name="circle-check" />
+					</template>
 				</a-select>
 			</Field>
 			<a-col :span="4">