refactor: Fix bandwith typo

src/routes/(console)/project-[project]/overview/+layout.svelte

@@ -16,7 +16,7 @@
     import { Container, type UsagePeriods } from '$lib/layout';
     import { onMount } from 'svelte';
     import { onboarding, project } from '../store';
-    import Bandwith from './bandwith.svelte';
+    import Bandwidth from './bandwidth.svelte';
     import { createApiKey } from './keys/+page.svelte';
     import Onboard from './onboard.svelte';
     import Realtime from './realtime.svelte';
@@ -91,7 +91,7 @@
                 <section class="common-section">
                     <div class="grid-dashboard-1s-2m-6l">
                         <div class="card is-2-columns-medium-screen is-3-columns-large-screen">
-                            <Bandwith {period} on:change={(e) => changePeriod(e.detail)} />
+                            <Bandwidth {period} on:change={(e) => changePeriod(e.detail)} />
                         </div>
                         <div class="card is-2-columns-medium-screen is-3-columns-large-screen">
                             <Requests {period} on:change={(e) => changePeriod(e.detail)} />

src/routes/(console)/project-[project]/overview/bandwidth.svelte

@@ -18,7 +18,7 @@
         value: number;
     }>;
 
-    $: bandwith = humanFileSize(totalMetrics($usage?.network));
+    $: bandwidth = humanFileSize(totalMetrics($usage?.network));
 
     $: if (period) {
         showPeriod = false;
@@ -28,8 +28,8 @@
 <div class="u-flex u-gap-16 u-main-space-between">
     <div>
         <div class="heading-level-4">
-            {bandwith.value}
-            <span class="body-text-2">{bandwith.unit}</span>
+            {bandwidth.value}
+            <span class="body-text-2">{bandwidth.unit}</span>
         </div>
         <div>Bandwidth</div>
     </div>
@@ -45,7 +45,7 @@
         </svelte:fragment>
     </DropList>
 </div>
-{#if bandwith.value !== '0'}
+{#if bandwidth.value !== '0'}
     <div style="height: 12rem;">
         <BarChart
             options={{