update customer charts style

src/components/ChartRangeSlider.vue

@@ -198,7 +198,7 @@ function clamp(value: number, min: number, max: number): number {
 	}
 
 	.selection {
-		height: .25rem;
+		height: .5rem;
 		position: absolute;
 		background: var(--td-brand-color);
 		border-radius: 999rem;

src/components/CustomerProfileCard.vue

@@ -1,5 +1,5 @@
 <template>
-	<div class="customer-profile-card">
+	<div v-if="customer" class="customer-profile-card">
 		<button v-if="photoURL" type="button" class="avatar-trigger" @click="handlePhotoClick">
 			<t-image :src="photoURL" :alt="customerName" fit="cover" class="avatar" />
 		</button>
@@ -8,7 +8,7 @@
 			<div class="header">
 				<div class="name">
 					<span v-text="customerName"></span>
-					<gender-icon v-if="customer?.gender" :value="customer.gender" size="1rem" />
+					<gender-icon v-if="customer.gender" :value="customer.gender" size="1rem" />
 				</div>
 				<span class="gray" v-text="customerCode" />
 			</div>