Refactor border radius variable: rename $standard-border-radius to $border-radius-standard and update usage across components; add types for Album, Artist, and Genre

app/ui/Button.vue

@@ -45,7 +45,7 @@ const props = withDefaults(defineProps<ButtonProps>(), {
 .button {
 	padding: 0.6rem 1rem;
 	transition: background-color 0.2s ease-in-out;
-	border-radius: $standard-border-radius;
+	border-radius: $border-radius-standard;
 
 	font-weight: 600;
 }

app/ui/Card.vue

@@ -17,7 +17,7 @@ const props = defineProps<CardProps>()
 
 .card {
 	border: 1px solid $color-border;
-	border-radius: $standard-border-radius;
+	border-radius: $border-radius-standard;
 	padding: 1rem;
 }
 </style>

app/ui/Checkbox.vue

@@ -77,7 +77,7 @@ const props = defineProps<CheckboxProps>()
 	height: 1rem;
 	width: 1rem;
 	border: 1px solid $color-border;
-	border-radius: $standard-border-radius;
+	border-radius: $border-radius-standard;
 	background-color: transparent;
 	transition: background-color 0.2s, border-color 0.2s;
 }

app/ui/Input.vue

@@ -70,7 +70,7 @@ const props = defineProps<InputProps>()
 }
 
 .input {
-	border-radius: $standard-border-radius;
+	border-radius: $border-radius-standard;
 	border: 1px solid $color-border;
 
 	padding: 0.5rem 1rem;

app/ui/ToastContainer.vue

@@ -37,7 +37,7 @@ const { toasts, remove } = useToast()
 .toast {
 	background-color: $color-background;
 	border: 1px solid $color-border;
-	border-radius: $standard-border-radius;
+	border-radius: $border-radius-standard;
 
 	padding: 10px 16px;
 	min-width: 200px;