From b37cd9403eb5141372a34897f66cb53265eb844a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=80=9CKire?= <k_mitrov@yahoo.com>
Date: Fri, 14 Jul 2023 13:42:18 +0200
Subject: [PATCH 1/2] feat(project): profiles loading overlay

---
 .../LoadingOverlay/LoadingOverlay.module.scss      |  9 +++++++++
 src/components/LoadingOverlay/LoadingOverlay.tsx   |  7 +++++--
 src/components/Spinner/Spinner.module.scss         | 14 ++++++++++++++
 src/components/Spinner/Spinner.tsx                 |  4 ++--
 4 files changed, 30 insertions(+), 4 deletions(-)

diff --git a/src/components/LoadingOverlay/LoadingOverlay.module.scss b/src/components/LoadingOverlay/LoadingOverlay.module.scss
index 7f45e7da9..9c62d0550 100644
--- a/src/components/LoadingOverlay/LoadingOverlay.module.scss
+++ b/src/components/LoadingOverlay/LoadingOverlay.module.scss
@@ -29,3 +29,12 @@
   height: 100%;
   background-color: rgba(variables.$black, 0.3);
 }
+
+.profile {
+  img {
+    position: absolute;
+    width: calc(#{variables.$base-spacing} * 8);
+    height: calc(#{variables.$base-spacing} * 8);
+    border-radius: 50%;
+  }
+}
diff --git a/src/components/LoadingOverlay/LoadingOverlay.tsx b/src/components/LoadingOverlay/LoadingOverlay.tsx
index 9df6dc182..ed2d309cd 100644
--- a/src/components/LoadingOverlay/LoadingOverlay.tsx
+++ b/src/components/LoadingOverlay/LoadingOverlay.tsx
@@ -8,18 +8,21 @@ import Spinner from '#components/Spinner/Spinner';
 type Props = {
   transparentBackground?: boolean;
   inline?: boolean;
+  profileImageUrl?: string;
 };
 
-const LoadingOverlay = ({ transparentBackground = false, inline = false }: Props): JSX.Element => {
+const LoadingOverlay = ({ transparentBackground = false, inline = false, profileImageUrl = '' }: Props): JSX.Element => {
   const className = classNames(styles.loadingOverlay, {
     [styles.transparent]: transparentBackground,
     [styles.fixed]: !inline,
     [styles.inline]: inline,
+    [styles.profile]: profileImageUrl,
   });
 
   return (
     <div className={className}>
-      <Spinner />
+      {profileImageUrl && <img src={profileImageUrl} alt="Profile Avatar" />}
+      <Spinner size={profileImageUrl ? 'large' : 'medium'} />
     </div>
   );
 };
diff --git a/src/components/Spinner/Spinner.module.scss b/src/components/Spinner/Spinner.module.scss
index 8818e46e6..be6886c47 100644
--- a/src/components/Spinner/Spinner.module.scss
+++ b/src/components/Spinner/Spinner.module.scss
@@ -30,6 +30,20 @@
   height: variables.$base-spacing;
 }
 
+.large {
+  width: 142px;
+  height: 142px;
+}
+
+.large div {
+  width: calc(#{variables.$base-spacing} * 8);
+  height: calc(#{variables.$base-spacing} * 8);
+}
+
+.large.buffer div {
+  border-color: variables.$red-dark variables.$white variables.$white variables.$white;
+}
+
 .buffer div:nth-child(1) {
   animation-delay: -0.45s;
 }
diff --git a/src/components/Spinner/Spinner.tsx b/src/components/Spinner/Spinner.tsx
index 75a5fa18f..c716a5763 100644
--- a/src/components/Spinner/Spinner.tsx
+++ b/src/components/Spinner/Spinner.tsx
@@ -4,13 +4,13 @@ import React from 'react';
 import styles from './Spinner.module.scss';
 
 type Props = {
-  size?: 'small' | 'medium';
+  size?: 'small' | 'medium' | 'large';
   className?: string;
 };
 
 const Spinner = ({ size = 'medium', className = '' }: Props): JSX.Element => {
   return (
-    <div className={classNames(styles.buffer, className, { [styles.small]: size === 'small' })}>
+    <div className={classNames(styles.buffer, className, { [styles.small]: size === 'small', [styles.large]: size === 'large' })}>
       <div />
       <div />
       <div />

From a0f85981743c539710f2593c510884f8ddd3ad56 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=80=9CKire?= <k_mitrov@yahoo.com>
Date: Fri, 14 Jul 2023 14:10:29 +0200
Subject: [PATCH 2/2] chore: update tests

---
 src/components/Account/__snapshots__/Account.test.tsx.snap     | 2 +-
 src/components/Alert/__snapshots__/Alert.test.tsx.snap         | 2 +-
 src/components/Button/__snapshots__/Button.test.tsx.snap       | 2 +-
 .../__snapshots__/CancelSubscriptionForm.test.tsx.snap         | 2 +-
 src/components/CardGrid/__snapshots__/CardGrid.test.tsx.snap   | 2 +-
 src/components/Checkbox/__snapshots__/Checkbox.test.tsx.snap   | 2 +-
 .../CheckoutForm/__snapshots__/CheckoutForm.test.tsx.snap      | 2 +-
 .../__snapshots__/ChooseOfferForm.test.tsx.snap                | 2 +-
 .../__snapshots__/CollapsibleText.test.tsx.snap                | 2 +-
 .../__snapshots__/ConfirmationDialog.test.tsx.snap             | 2 +-
 .../__snapshots__/ConfirmationForm.test.tsx.snap               | 2 +-
 .../__snapshots__/CreditCardCVCField.test.tsx.snap             | 2 +-
 .../__snapshots__/CreditCardExpiryField.test.tsx.snap          | 2 +-
 .../__snapshots__/CreditCardNumberField.test.tsx.snap          | 2 +-
 .../__snapshots__/DemoConfigDialog.test.tsx.snap               | 2 +-
 src/components/Dialog/__snapshots__/Dialog.test.tsx.snap       | 2 +-
 .../__snapshots__/DialogBackButton.test.tsx.snap               | 2 +-
 .../__snapshots__/EditPasswordForm.test.tsx.snap               | 2 +-
 src/components/ErrorPage/__snapshots__/ErrorPage.test.tsx.snap | 2 +-
 src/components/Favorites/__snapshots__/Favorites.test.tsx.snap | 2 +-
 src/components/Filter/__snapshots__/Filter.test.tsx.snap       | 2 +-
 .../__snapshots__/ForgotPasswordForm.test.tsx.snap             | 2 +-
 src/components/Form/__snapshots__/Form.test.tsx.snap           | 2 +-
 .../FormFeedback/__snapshots__/FormFeedback.test.tsx.snap      | 2 +-
 src/components/Header/__snapshots__/Header.test.tsx.snap       | 2 +-
 .../HelperText/__snapshots__/HelperText.test.tsx.snap          | 2 +-
 .../IconButton/__snapshots__/IconButton.test.tsx.snap          | 2 +-
 .../LanguageMenu/__snapshots__/LanguageMenu.test.tsx.snap      | 2 +-
 src/components/Link/__snapshots__/Link.test.tsx.snap           | 2 +-
 src/components/LoginForm/__snapshots__/LoginForm.test.tsx.snap | 2 +-
 src/components/Logo/__snapshots__/Logo.test.tsx.snap           | 2 +-
 .../__snapshots__/MarkdownComponent.test.tsx.snap              | 2 +-
 .../MenuButton/__snapshots__/MenuButton.test.tsx.snap          | 2 +-
 src/components/Modal/__snapshots__/Modal.test.tsx.snap         | 2 +-
 .../__snapshots__/ModalCloseButton.test.tsx.snap               | 2 +-
 .../__snapshots__/NoPaymentRequired.test.tsx.snap              | 2 +-
 .../PasswordField/__snapshots__/PasswordField.test.tsx.snap    | 2 +-
 .../__snapshots__/PasswordStrength.test.tsx.snap               | 2 +-
 src/components/PayPal/__snapshots__/PayPal.test.tsx.snap       | 2 +-
 src/components/Payment/__snapshots__/Payment.test.tsx.snap     | 2 +-
 .../PaymentFailed/__snapshots__/PaymentFailed.test.tsx.snap    | 2 +-
 .../__snapshots__/PersonalDetailsForm.test.tsx.snap            | 2 +-
 src/components/Player/__snapshots__/Player.test.tsx.snap       | 2 +-
 src/components/Popover/__snapshots__/Popover.test.tsx.snap     | 2 +-
 src/components/Radio/__snapshots__/Radio.test.tsx.snap         | 2 +-
 .../__snapshots__/RegistrationForm.test.tsx.snap               | 2 +-
 .../__snapshots__/RenewSubscriptionForm.test.tsx.snap          | 2 +-
 .../__snapshots__/ResetPasswordForm.test.tsx.snap              | 2 +-
 src/components/SearchBar/__snapshots__/SearchBar.test.tsx.snap | 2 +-
 .../ShareButton/__snapshots__/ShareButton.test.tsx.snap        | 2 +-
 src/components/Shelf/__snapshots__/Shelf.test.tsx.snap         | 2 +-
 src/components/Sidebar/__snapshots__/Sidebar.test.tsx.snap     | 2 +-
 .../__snapshots__/SubscriptionCancelled.test.tsx.snap          | 2 +-
 .../__snapshots__/SubscriptionRenewed.test.tsx.snap            | 2 +-
 src/components/TextField/__snapshots__/TextField.test.tsx.snap | 2 +-
 src/components/UserMenu/__snapshots__/UserMenu.test.tsx.snap   | 2 +-
 .../VideoDetails/__snapshots__/VideoDetails.test.tsx.snap      | 2 +-
 src/components/Welcome/__snapshots__/Welcome.test.tsx.snap     | 2 +-
 .../AccountModal/__snapshots__/AccountModal.test.tsx.snap      | 2 +-
 src/containers/Cinema/__snapshots__/Cinema.test.tsx.snap       | 3 ++-
 src/containers/Layout/__snapshots__/Layout.test.tsx.snap       | 2 +-
 src/pages/About/__snapshots__/About.test.tsx.snap              | 2 +-
 src/pages/Home/__snapshots__/Home.test.tsx.snap                | 2 +-
 src/pages/User/__snapshots__/User.test.tsx.snap                | 2 +-
 64 files changed, 65 insertions(+), 64 deletions(-)

diff --git a/src/components/Account/__snapshots__/Account.test.tsx.snap b/src/components/Account/__snapshots__/Account.test.tsx.snap
index d8ece574c..e4395d604 100644
--- a/src/components/Account/__snapshots__/Account.test.tsx.snap
+++ b/src/components/Account/__snapshots__/Account.test.tsx.snap
@@ -1,4 +1,4 @@
-// Vitest Snapshot v1
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`<Account> > renders and matches snapshot 1`] = `
 <div>
diff --git a/src/components/Alert/__snapshots__/Alert.test.tsx.snap b/src/components/Alert/__snapshots__/Alert.test.tsx.snap
index b9fdf7f5d..d1a435c3b 100644
--- a/src/components/Alert/__snapshots__/Alert.test.tsx.snap
+++ b/src/components/Alert/__snapshots__/Alert.test.tsx.snap
@@ -1,3 +1,3 @@
-// Vitest Snapshot v1
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`<Alert> > renders and matches snapshot 1`] = `<div />`;
diff --git a/src/components/Button/__snapshots__/Button.test.tsx.snap b/src/components/Button/__snapshots__/Button.test.tsx.snap
index 8642b5e18..766a87a85 100644
--- a/src/components/Button/__snapshots__/Button.test.tsx.snap
+++ b/src/components/Button/__snapshots__/Button.test.tsx.snap
@@ -1,4 +1,4 @@
-// Vitest Snapshot v1
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`<Button> > renders and matches snapshot 1`] = `
 <div>
diff --git a/src/components/CancelSubscriptionForm/__snapshots__/CancelSubscriptionForm.test.tsx.snap b/src/components/CancelSubscriptionForm/__snapshots__/CancelSubscriptionForm.test.tsx.snap
index e8347bf01..e741084ab 100644
--- a/src/components/CancelSubscriptionForm/__snapshots__/CancelSubscriptionForm.test.tsx.snap
+++ b/src/components/CancelSubscriptionForm/__snapshots__/CancelSubscriptionForm.test.tsx.snap
@@ -1,4 +1,4 @@
-// Vitest Snapshot v1
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`<CancelSubscriptionForm> > renders and matches snapshot 1`] = `
 <div>
diff --git a/src/components/CardGrid/__snapshots__/CardGrid.test.tsx.snap b/src/components/CardGrid/__snapshots__/CardGrid.test.tsx.snap
index ce38571ff..9f6e8f82a 100644
--- a/src/components/CardGrid/__snapshots__/CardGrid.test.tsx.snap
+++ b/src/components/CardGrid/__snapshots__/CardGrid.test.tsx.snap
@@ -1,4 +1,4 @@
-// Vitest Snapshot v1
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`<CardGrid> > renders and matches snapshot 1`] = `
 <div>
diff --git a/src/components/Checkbox/__snapshots__/Checkbox.test.tsx.snap b/src/components/Checkbox/__snapshots__/Checkbox.test.tsx.snap
index cf6a0730b..914c4878c 100644
--- a/src/components/Checkbox/__snapshots__/Checkbox.test.tsx.snap
+++ b/src/components/Checkbox/__snapshots__/Checkbox.test.tsx.snap
@@ -1,4 +1,4 @@
-// Vitest Snapshot v1
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`<Checkbox> > renders and matches snapshot 1`] = `
 <div>
diff --git a/src/components/CheckoutForm/__snapshots__/CheckoutForm.test.tsx.snap b/src/components/CheckoutForm/__snapshots__/CheckoutForm.test.tsx.snap
index 46f75eacd..6b68bd69c 100644
--- a/src/components/CheckoutForm/__snapshots__/CheckoutForm.test.tsx.snap
+++ b/src/components/CheckoutForm/__snapshots__/CheckoutForm.test.tsx.snap
@@ -1,4 +1,4 @@
-// Vitest Snapshot v1
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`<CheckoutForm> > renders and matches snapshot 1`] = `
 <div>
diff --git a/src/components/ChooseOfferForm/__snapshots__/ChooseOfferForm.test.tsx.snap b/src/components/ChooseOfferForm/__snapshots__/ChooseOfferForm.test.tsx.snap
index c69b3884e..be47ff19c 100644
--- a/src/components/ChooseOfferForm/__snapshots__/ChooseOfferForm.test.tsx.snap
+++ b/src/components/ChooseOfferForm/__snapshots__/ChooseOfferForm.test.tsx.snap
@@ -1,4 +1,4 @@
-// Vitest Snapshot v1
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`<OffersForm> > renders and matches snapshot 1`] = `
 <div>
diff --git a/src/components/CollapsibleText/__snapshots__/CollapsibleText.test.tsx.snap b/src/components/CollapsibleText/__snapshots__/CollapsibleText.test.tsx.snap
index 0e433a214..52373ad11 100644
--- a/src/components/CollapsibleText/__snapshots__/CollapsibleText.test.tsx.snap
+++ b/src/components/CollapsibleText/__snapshots__/CollapsibleText.test.tsx.snap
@@ -1,4 +1,4 @@
-// Vitest Snapshot v1
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`<CollapsibleText> > renders and matches snapshot 1`] = `
 <div>
diff --git a/src/components/ConfirmationDialog/__snapshots__/ConfirmationDialog.test.tsx.snap b/src/components/ConfirmationDialog/__snapshots__/ConfirmationDialog.test.tsx.snap
index dc1d3499c..a6d40c6c6 100644
--- a/src/components/ConfirmationDialog/__snapshots__/ConfirmationDialog.test.tsx.snap
+++ b/src/components/ConfirmationDialog/__snapshots__/ConfirmationDialog.test.tsx.snap
@@ -1,3 +1,3 @@
-// Vitest Snapshot v1
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`<ConfirmationDialog> > renders and matches snapshot 1`] = `<div />`;
diff --git a/src/components/ConfirmationForm/__snapshots__/ConfirmationForm.test.tsx.snap b/src/components/ConfirmationForm/__snapshots__/ConfirmationForm.test.tsx.snap
index c7811a995..02933e23c 100644
--- a/src/components/ConfirmationForm/__snapshots__/ConfirmationForm.test.tsx.snap
+++ b/src/components/ConfirmationForm/__snapshots__/ConfirmationForm.test.tsx.snap
@@ -1,4 +1,4 @@
-// Vitest Snapshot v1
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`<ConfirmationForm> > renders and matches snapshot 1`] = `
 <div>
diff --git a/src/components/CreditCardCVCField/__snapshots__/CreditCardCVCField.test.tsx.snap b/src/components/CreditCardCVCField/__snapshots__/CreditCardCVCField.test.tsx.snap
index 599cd3caf..c59cfacb3 100644
--- a/src/components/CreditCardCVCField/__snapshots__/CreditCardCVCField.test.tsx.snap
+++ b/src/components/CreditCardCVCField/__snapshots__/CreditCardCVCField.test.tsx.snap
@@ -1,4 +1,4 @@
-// Vitest Snapshot v1
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`<CreditCardCVCField> > renders and matches snapshot 1`] = `
 <div>
diff --git a/src/components/CreditCardExpiryField/__snapshots__/CreditCardExpiryField.test.tsx.snap b/src/components/CreditCardExpiryField/__snapshots__/CreditCardExpiryField.test.tsx.snap
index 62c9a8619..b68e711c3 100644
--- a/src/components/CreditCardExpiryField/__snapshots__/CreditCardExpiryField.test.tsx.snap
+++ b/src/components/CreditCardExpiryField/__snapshots__/CreditCardExpiryField.test.tsx.snap
@@ -1,4 +1,4 @@
-// Vitest Snapshot v1
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`<CreditCardExpiryField> > renders and matches snapshot 1`] = `
 <div>
diff --git a/src/components/CreditCardNumberField/__snapshots__/CreditCardNumberField.test.tsx.snap b/src/components/CreditCardNumberField/__snapshots__/CreditCardNumberField.test.tsx.snap
index 446c45128..d46918843 100644
--- a/src/components/CreditCardNumberField/__snapshots__/CreditCardNumberField.test.tsx.snap
+++ b/src/components/CreditCardNumberField/__snapshots__/CreditCardNumberField.test.tsx.snap
@@ -1,4 +1,4 @@
-// Vitest Snapshot v1
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`<CreditCardNumberField> > renders and matches snapshot 1`] = `
 <div>
diff --git a/src/components/DemoConfigDialog/__snapshots__/DemoConfigDialog.test.tsx.snap b/src/components/DemoConfigDialog/__snapshots__/DemoConfigDialog.test.tsx.snap
index 65169612e..d70631286 100644
--- a/src/components/DemoConfigDialog/__snapshots__/DemoConfigDialog.test.tsx.snap
+++ b/src/components/DemoConfigDialog/__snapshots__/DemoConfigDialog.test.tsx.snap
@@ -1,4 +1,4 @@
-// Vitest Snapshot v1
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`<DemoConfigDialog> > renders and matches snapshot 1`] = `
 <div>
diff --git a/src/components/Dialog/__snapshots__/Dialog.test.tsx.snap b/src/components/Dialog/__snapshots__/Dialog.test.tsx.snap
index 19a580ebb..5a3739560 100644
--- a/src/components/Dialog/__snapshots__/Dialog.test.tsx.snap
+++ b/src/components/Dialog/__snapshots__/Dialog.test.tsx.snap
@@ -1,4 +1,4 @@
-// Vitest Snapshot v1
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`<Dialog> > renders and matches snapshot 1`] = `
 <body
diff --git a/src/components/DialogBackButton/__snapshots__/DialogBackButton.test.tsx.snap b/src/components/DialogBackButton/__snapshots__/DialogBackButton.test.tsx.snap
index f1ac1d3d4..c71538666 100644
--- a/src/components/DialogBackButton/__snapshots__/DialogBackButton.test.tsx.snap
+++ b/src/components/DialogBackButton/__snapshots__/DialogBackButton.test.tsx.snap
@@ -1,4 +1,4 @@
-// Vitest Snapshot v1
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`<DialogBackButton> > renders and matches snapshot 1`] = `
 <div>
diff --git a/src/components/EditPasswordForm/__snapshots__/EditPasswordForm.test.tsx.snap b/src/components/EditPasswordForm/__snapshots__/EditPasswordForm.test.tsx.snap
index 159c9dc0f..e723e0c7c 100644
--- a/src/components/EditPasswordForm/__snapshots__/EditPasswordForm.test.tsx.snap
+++ b/src/components/EditPasswordForm/__snapshots__/EditPasswordForm.test.tsx.snap
@@ -1,4 +1,4 @@
-// Vitest Snapshot v1
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`<EditPasswordForm> > renders and matches snapshot 1`] = `
 <div>
diff --git a/src/components/ErrorPage/__snapshots__/ErrorPage.test.tsx.snap b/src/components/ErrorPage/__snapshots__/ErrorPage.test.tsx.snap
index 48b078ba7..15887cab6 100644
--- a/src/components/ErrorPage/__snapshots__/ErrorPage.test.tsx.snap
+++ b/src/components/ErrorPage/__snapshots__/ErrorPage.test.tsx.snap
@@ -1,4 +1,4 @@
-// Vitest Snapshot v1
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`<ErrorPage> > renders and matches snapshot 1`] = `
 <div>
diff --git a/src/components/Favorites/__snapshots__/Favorites.test.tsx.snap b/src/components/Favorites/__snapshots__/Favorites.test.tsx.snap
index ddbdb568f..ea9ddee8c 100644
--- a/src/components/Favorites/__snapshots__/Favorites.test.tsx.snap
+++ b/src/components/Favorites/__snapshots__/Favorites.test.tsx.snap
@@ -1,3 +1,3 @@
-// Vitest Snapshot v1
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`<Favorites> > renders and matches snapshot 1`] = `<div />`;
diff --git a/src/components/Filter/__snapshots__/Filter.test.tsx.snap b/src/components/Filter/__snapshots__/Filter.test.tsx.snap
index ba04c5107..6bf873a36 100644
--- a/src/components/Filter/__snapshots__/Filter.test.tsx.snap
+++ b/src/components/Filter/__snapshots__/Filter.test.tsx.snap
@@ -1,4 +1,4 @@
-// Vitest Snapshot v1
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`<Filter> > renders Filter 1`] = `
 <div>
diff --git a/src/components/ForgotPasswordForm/__snapshots__/ForgotPasswordForm.test.tsx.snap b/src/components/ForgotPasswordForm/__snapshots__/ForgotPasswordForm.test.tsx.snap
index 3d36d5047..cb942a60e 100644
--- a/src/components/ForgotPasswordForm/__snapshots__/ForgotPasswordForm.test.tsx.snap
+++ b/src/components/ForgotPasswordForm/__snapshots__/ForgotPasswordForm.test.tsx.snap
@@ -1,4 +1,4 @@
-// Vitest Snapshot v1
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`<ForgotPasswordForm> > renders and matches snapshot type forgot 1`] = `
 <div>
diff --git a/src/components/Form/__snapshots__/Form.test.tsx.snap b/src/components/Form/__snapshots__/Form.test.tsx.snap
index b8048ff31..69279e41d 100644
--- a/src/components/Form/__snapshots__/Form.test.tsx.snap
+++ b/src/components/Form/__snapshots__/Form.test.tsx.snap
@@ -1,4 +1,4 @@
-// Vitest Snapshot v1
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`<Form> > renders Form 1`] = `
 <div>
diff --git a/src/components/FormFeedback/__snapshots__/FormFeedback.test.tsx.snap b/src/components/FormFeedback/__snapshots__/FormFeedback.test.tsx.snap
index e7db2f492..f485c63c9 100644
--- a/src/components/FormFeedback/__snapshots__/FormFeedback.test.tsx.snap
+++ b/src/components/FormFeedback/__snapshots__/FormFeedback.test.tsx.snap
@@ -1,4 +1,4 @@
-// Vitest Snapshot v1
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`<FormFeedback> > renders and matches snapshot 1`] = `
 <div>
diff --git a/src/components/Header/__snapshots__/Header.test.tsx.snap b/src/components/Header/__snapshots__/Header.test.tsx.snap
index 805383260..313e261b8 100644
--- a/src/components/Header/__snapshots__/Header.test.tsx.snap
+++ b/src/components/Header/__snapshots__/Header.test.tsx.snap
@@ -1,4 +1,4 @@
-// Vitest Snapshot v1
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`<Header /> > renders header 1`] = `
 <div>
diff --git a/src/components/HelperText/__snapshots__/HelperText.test.tsx.snap b/src/components/HelperText/__snapshots__/HelperText.test.tsx.snap
index 57705413f..d31e88106 100644
--- a/src/components/HelperText/__snapshots__/HelperText.test.tsx.snap
+++ b/src/components/HelperText/__snapshots__/HelperText.test.tsx.snap
@@ -1,4 +1,4 @@
-// Vitest Snapshot v1
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`<HelperText> > renders and matches snapshot 1`] = `
 <div>
diff --git a/src/components/IconButton/__snapshots__/IconButton.test.tsx.snap b/src/components/IconButton/__snapshots__/IconButton.test.tsx.snap
index c88585d3f..07d55bd03 100644
--- a/src/components/IconButton/__snapshots__/IconButton.test.tsx.snap
+++ b/src/components/IconButton/__snapshots__/IconButton.test.tsx.snap
@@ -1,4 +1,4 @@
-// Vitest Snapshot v1
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`<IconButton> > renders and matches snapshot 1`] = `
 <div>
diff --git a/src/components/LanguageMenu/__snapshots__/LanguageMenu.test.tsx.snap b/src/components/LanguageMenu/__snapshots__/LanguageMenu.test.tsx.snap
index 5ce057c6d..28e7cbc94 100644
--- a/src/components/LanguageMenu/__snapshots__/LanguageMenu.test.tsx.snap
+++ b/src/components/LanguageMenu/__snapshots__/LanguageMenu.test.tsx.snap
@@ -1,4 +1,4 @@
-// Vitest Snapshot v1
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`<LanguageMenu> > renders and matches snapshot 1`] = `
 <div>
diff --git a/src/components/Link/__snapshots__/Link.test.tsx.snap b/src/components/Link/__snapshots__/Link.test.tsx.snap
index 0999cff2d..cf9c6111f 100644
--- a/src/components/Link/__snapshots__/Link.test.tsx.snap
+++ b/src/components/Link/__snapshots__/Link.test.tsx.snap
@@ -1,4 +1,4 @@
-// Vitest Snapshot v1
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`<Link> > renders and matches snapshot 1`] = `
 <div>
diff --git a/src/components/LoginForm/__snapshots__/LoginForm.test.tsx.snap b/src/components/LoginForm/__snapshots__/LoginForm.test.tsx.snap
index ca4e539f5..f77e4ce61 100644
--- a/src/components/LoginForm/__snapshots__/LoginForm.test.tsx.snap
+++ b/src/components/LoginForm/__snapshots__/LoginForm.test.tsx.snap
@@ -1,4 +1,4 @@
-// Vitest Snapshot v1
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`<LoginForm> > renders and matches snapshot 1`] = `
 <div>
diff --git a/src/components/Logo/__snapshots__/Logo.test.tsx.snap b/src/components/Logo/__snapshots__/Logo.test.tsx.snap
index 55a111df3..795953c0d 100644
--- a/src/components/Logo/__snapshots__/Logo.test.tsx.snap
+++ b/src/components/Logo/__snapshots__/Logo.test.tsx.snap
@@ -1,4 +1,4 @@
-// Vitest Snapshot v1
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`<Logo/> > renders and matches snapshot 1`] = `
 <div>
diff --git a/src/components/MarkdownComponent/__snapshots__/MarkdownComponent.test.tsx.snap b/src/components/MarkdownComponent/__snapshots__/MarkdownComponent.test.tsx.snap
index 5c1432b03..11a4df90a 100644
--- a/src/components/MarkdownComponent/__snapshots__/MarkdownComponent.test.tsx.snap
+++ b/src/components/MarkdownComponent/__snapshots__/MarkdownComponent.test.tsx.snap
@@ -1,4 +1,4 @@
-// Vitest Snapshot v1
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`<MarkdownComponent> > renders and matches snapshot 1`] = `
 <div>
diff --git a/src/components/MenuButton/__snapshots__/MenuButton.test.tsx.snap b/src/components/MenuButton/__snapshots__/MenuButton.test.tsx.snap
index 76178e7db..4fa16ae00 100644
--- a/src/components/MenuButton/__snapshots__/MenuButton.test.tsx.snap
+++ b/src/components/MenuButton/__snapshots__/MenuButton.test.tsx.snap
@@ -1,4 +1,4 @@
-// Vitest Snapshot v1
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`<MenuButton> > renders and matches snapshot 1`] = `
 <div>
diff --git a/src/components/Modal/__snapshots__/Modal.test.tsx.snap b/src/components/Modal/__snapshots__/Modal.test.tsx.snap
index 32ae8bc2a..b2e0842b8 100644
--- a/src/components/Modal/__snapshots__/Modal.test.tsx.snap
+++ b/src/components/Modal/__snapshots__/Modal.test.tsx.snap
@@ -1,3 +1,3 @@
-// Vitest Snapshot v1
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`<Modal> > renders and matches snapshot 1`] = `<div />`;
diff --git a/src/components/ModalCloseButton/__snapshots__/ModalCloseButton.test.tsx.snap b/src/components/ModalCloseButton/__snapshots__/ModalCloseButton.test.tsx.snap
index 6b137bbd9..92e71d8f4 100644
--- a/src/components/ModalCloseButton/__snapshots__/ModalCloseButton.test.tsx.snap
+++ b/src/components/ModalCloseButton/__snapshots__/ModalCloseButton.test.tsx.snap
@@ -1,4 +1,4 @@
-// Vitest Snapshot v1
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`<ModalCloseButton> > renders and matches snapshot 1`] = `
 <div>
diff --git a/src/components/NoPaymentRequired/__snapshots__/NoPaymentRequired.test.tsx.snap b/src/components/NoPaymentRequired/__snapshots__/NoPaymentRequired.test.tsx.snap
index abd6cf79c..fffb3019d 100644
--- a/src/components/NoPaymentRequired/__snapshots__/NoPaymentRequired.test.tsx.snap
+++ b/src/components/NoPaymentRequired/__snapshots__/NoPaymentRequired.test.tsx.snap
@@ -1,4 +1,4 @@
-// Vitest Snapshot v1
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`<NoPaymentRequired> > renders and matches snapshot 1`] = `
 <div>
diff --git a/src/components/PasswordField/__snapshots__/PasswordField.test.tsx.snap b/src/components/PasswordField/__snapshots__/PasswordField.test.tsx.snap
index a7cb477d9..9d0eb9dda 100644
--- a/src/components/PasswordField/__snapshots__/PasswordField.test.tsx.snap
+++ b/src/components/PasswordField/__snapshots__/PasswordField.test.tsx.snap
@@ -1,4 +1,4 @@
-// Vitest Snapshot v1
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`<PasswordField> > renders and matches snapshot 1`] = `
 <div>
diff --git a/src/components/PasswordStrength/__snapshots__/PasswordStrength.test.tsx.snap b/src/components/PasswordStrength/__snapshots__/PasswordStrength.test.tsx.snap
index 4cf3f59d9..fbc2089d9 100644
--- a/src/components/PasswordStrength/__snapshots__/PasswordStrength.test.tsx.snap
+++ b/src/components/PasswordStrength/__snapshots__/PasswordStrength.test.tsx.snap
@@ -1,4 +1,4 @@
-// Vitest Snapshot v1
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`<PasswordStrength> > renders and matches snapshot 1`] = `
 <div>
diff --git a/src/components/PayPal/__snapshots__/PayPal.test.tsx.snap b/src/components/PayPal/__snapshots__/PayPal.test.tsx.snap
index 7f0b3e921..686c39b95 100644
--- a/src/components/PayPal/__snapshots__/PayPal.test.tsx.snap
+++ b/src/components/PayPal/__snapshots__/PayPal.test.tsx.snap
@@ -1,4 +1,4 @@
-// Vitest Snapshot v1
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`<PayPal> > renders and matches snapshot 1`] = `
 <div>
diff --git a/src/components/Payment/__snapshots__/Payment.test.tsx.snap b/src/components/Payment/__snapshots__/Payment.test.tsx.snap
index bcf3b1e79..d376b5dc4 100644
--- a/src/components/Payment/__snapshots__/Payment.test.tsx.snap
+++ b/src/components/Payment/__snapshots__/Payment.test.tsx.snap
@@ -1,4 +1,4 @@
-// Vitest Snapshot v1
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`<Payment> > renders and matches snapshot 1`] = `
 <div>
diff --git a/src/components/PaymentFailed/__snapshots__/PaymentFailed.test.tsx.snap b/src/components/PaymentFailed/__snapshots__/PaymentFailed.test.tsx.snap
index 246d88249..0420ab1a1 100644
--- a/src/components/PaymentFailed/__snapshots__/PaymentFailed.test.tsx.snap
+++ b/src/components/PaymentFailed/__snapshots__/PaymentFailed.test.tsx.snap
@@ -1,4 +1,4 @@
-// Vitest Snapshot v1
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`<PaymentFailed> > renders and matches snapshot 1`] = `
 <div>
diff --git a/src/components/PersonalDetailsForm/__snapshots__/PersonalDetailsForm.test.tsx.snap b/src/components/PersonalDetailsForm/__snapshots__/PersonalDetailsForm.test.tsx.snap
index 200c36875..b557f3bdd 100644
--- a/src/components/PersonalDetailsForm/__snapshots__/PersonalDetailsForm.test.tsx.snap
+++ b/src/components/PersonalDetailsForm/__snapshots__/PersonalDetailsForm.test.tsx.snap
@@ -1,4 +1,4 @@
-// Vitest Snapshot v1
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`<PersonalDetailsForm> > Renders with errors 1`] = `
 <div>
diff --git a/src/components/Player/__snapshots__/Player.test.tsx.snap b/src/components/Player/__snapshots__/Player.test.tsx.snap
index 5b9d2379d..4e5909981 100644
--- a/src/components/Player/__snapshots__/Player.test.tsx.snap
+++ b/src/components/Player/__snapshots__/Player.test.tsx.snap
@@ -1,4 +1,4 @@
-// Vitest Snapshot v1
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`<Player> > renders and matches snapshot 1`] = `
 <div>
diff --git a/src/components/Popover/__snapshots__/Popover.test.tsx.snap b/src/components/Popover/__snapshots__/Popover.test.tsx.snap
index c283dcb16..6bc73497d 100644
--- a/src/components/Popover/__snapshots__/Popover.test.tsx.snap
+++ b/src/components/Popover/__snapshots__/Popover.test.tsx.snap
@@ -1,4 +1,4 @@
-// Vitest Snapshot v1
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`<Popover> > renders and matches snapshot 1`] = `
 <div>
diff --git a/src/components/Radio/__snapshots__/Radio.test.tsx.snap b/src/components/Radio/__snapshots__/Radio.test.tsx.snap
index 26f80b3ba..434e3c8ca 100644
--- a/src/components/Radio/__snapshots__/Radio.test.tsx.snap
+++ b/src/components/Radio/__snapshots__/Radio.test.tsx.snap
@@ -1,4 +1,4 @@
-// Vitest Snapshot v1
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`<Radio> > renders and matches snapshot 1`] = `
 <div>
diff --git a/src/components/RegistrationForm/__snapshots__/RegistrationForm.test.tsx.snap b/src/components/RegistrationForm/__snapshots__/RegistrationForm.test.tsx.snap
index 78ae9b948..d1ce976f7 100644
--- a/src/components/RegistrationForm/__snapshots__/RegistrationForm.test.tsx.snap
+++ b/src/components/RegistrationForm/__snapshots__/RegistrationForm.test.tsx.snap
@@ -1,4 +1,4 @@
-// Vitest Snapshot v1
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`<RegistrationForm> > renders and matches snapshot 1`] = `
 <div>
diff --git a/src/components/RenewSubscriptionForm/__snapshots__/RenewSubscriptionForm.test.tsx.snap b/src/components/RenewSubscriptionForm/__snapshots__/RenewSubscriptionForm.test.tsx.snap
index 8c54a8459..291ac895d 100644
--- a/src/components/RenewSubscriptionForm/__snapshots__/RenewSubscriptionForm.test.tsx.snap
+++ b/src/components/RenewSubscriptionForm/__snapshots__/RenewSubscriptionForm.test.tsx.snap
@@ -1,4 +1,4 @@
-// Vitest Snapshot v1
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`<RenewSubscriptionForm> > renders and matches snapshot 1`] = `
 <div>
diff --git a/src/components/ResetPasswordForm/__snapshots__/ResetPasswordForm.test.tsx.snap b/src/components/ResetPasswordForm/__snapshots__/ResetPasswordForm.test.tsx.snap
index 54b90e4f2..8f64da3ee 100644
--- a/src/components/ResetPasswordForm/__snapshots__/ResetPasswordForm.test.tsx.snap
+++ b/src/components/ResetPasswordForm/__snapshots__/ResetPasswordForm.test.tsx.snap
@@ -1,4 +1,4 @@
-// Vitest Snapshot v1
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`<ResetPassword> > renders and matches snapshot 1`] = `
 <div>
diff --git a/src/components/SearchBar/__snapshots__/SearchBar.test.tsx.snap b/src/components/SearchBar/__snapshots__/SearchBar.test.tsx.snap
index 9d3f31d45..301f26b02 100644
--- a/src/components/SearchBar/__snapshots__/SearchBar.test.tsx.snap
+++ b/src/components/SearchBar/__snapshots__/SearchBar.test.tsx.snap
@@ -1,4 +1,4 @@
-// Vitest Snapshot v1
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`<SearchBar> > renders and matches snapshot 1`] = `
 <div>
diff --git a/src/components/ShareButton/__snapshots__/ShareButton.test.tsx.snap b/src/components/ShareButton/__snapshots__/ShareButton.test.tsx.snap
index 666afaa55..1fade486d 100644
--- a/src/components/ShareButton/__snapshots__/ShareButton.test.tsx.snap
+++ b/src/components/ShareButton/__snapshots__/ShareButton.test.tsx.snap
@@ -1,4 +1,4 @@
-// Vitest Snapshot v1
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`<ShareButton> > renders and matches snapshot 1`] = `
 <div>
diff --git a/src/components/Shelf/__snapshots__/Shelf.test.tsx.snap b/src/components/Shelf/__snapshots__/Shelf.test.tsx.snap
index ca2b14ed9..dd7bf7e5b 100644
--- a/src/components/Shelf/__snapshots__/Shelf.test.tsx.snap
+++ b/src/components/Shelf/__snapshots__/Shelf.test.tsx.snap
@@ -1,4 +1,4 @@
-// Vitest Snapshot v1
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`Shelf Component tests > Featured shelf 1`] = `
 <div>
diff --git a/src/components/Sidebar/__snapshots__/Sidebar.test.tsx.snap b/src/components/Sidebar/__snapshots__/Sidebar.test.tsx.snap
index 9692621ad..9fbdfd2bc 100644
--- a/src/components/Sidebar/__snapshots__/Sidebar.test.tsx.snap
+++ b/src/components/Sidebar/__snapshots__/Sidebar.test.tsx.snap
@@ -1,4 +1,4 @@
-// Vitest Snapshot v1
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`<SideBar /> > renders sideBar 1`] = `
 <div>
diff --git a/src/components/SubscriptionCancelled/__snapshots__/SubscriptionCancelled.test.tsx.snap b/src/components/SubscriptionCancelled/__snapshots__/SubscriptionCancelled.test.tsx.snap
index f6e1e12b0..8299839a8 100644
--- a/src/components/SubscriptionCancelled/__snapshots__/SubscriptionCancelled.test.tsx.snap
+++ b/src/components/SubscriptionCancelled/__snapshots__/SubscriptionCancelled.test.tsx.snap
@@ -1,4 +1,4 @@
-// Vitest Snapshot v1
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`<SubscriptionCancelled> > renders and matches snapshot 1`] = `
 <div>
diff --git a/src/components/SubscriptionRenewed/__snapshots__/SubscriptionRenewed.test.tsx.snap b/src/components/SubscriptionRenewed/__snapshots__/SubscriptionRenewed.test.tsx.snap
index 6b737de5b..79e21177a 100644
--- a/src/components/SubscriptionRenewed/__snapshots__/SubscriptionRenewed.test.tsx.snap
+++ b/src/components/SubscriptionRenewed/__snapshots__/SubscriptionRenewed.test.tsx.snap
@@ -1,4 +1,4 @@
-// Vitest Snapshot v1
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`<SubscriptionRenewed> > renders and matches snapshot 1`] = `
 <div>
diff --git a/src/components/TextField/__snapshots__/TextField.test.tsx.snap b/src/components/TextField/__snapshots__/TextField.test.tsx.snap
index 82cd67244..64d59ec34 100644
--- a/src/components/TextField/__snapshots__/TextField.test.tsx.snap
+++ b/src/components/TextField/__snapshots__/TextField.test.tsx.snap
@@ -1,4 +1,4 @@
-// Vitest Snapshot v1
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`<TextField> > renders and matches multiline snapshot 1`] = `
 <div>
diff --git a/src/components/UserMenu/__snapshots__/UserMenu.test.tsx.snap b/src/components/UserMenu/__snapshots__/UserMenu.test.tsx.snap
index ec9b0c446..2eb8934c8 100644
--- a/src/components/UserMenu/__snapshots__/UserMenu.test.tsx.snap
+++ b/src/components/UserMenu/__snapshots__/UserMenu.test.tsx.snap
@@ -1,4 +1,4 @@
-// Vitest Snapshot v1
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`<UserMenu> > renders and matches snapshot 1`] = `
 <div>
diff --git a/src/components/VideoDetails/__snapshots__/VideoDetails.test.tsx.snap b/src/components/VideoDetails/__snapshots__/VideoDetails.test.tsx.snap
index 4d851e2f4..52ef7ee6c 100644
--- a/src/components/VideoDetails/__snapshots__/VideoDetails.test.tsx.snap
+++ b/src/components/VideoDetails/__snapshots__/VideoDetails.test.tsx.snap
@@ -1,4 +1,4 @@
-// Vitest Snapshot v1
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`<VideoDetails> > renders and matches snapshot 1`] = `
 <div>
diff --git a/src/components/Welcome/__snapshots__/Welcome.test.tsx.snap b/src/components/Welcome/__snapshots__/Welcome.test.tsx.snap
index 29b78f96d..17bcb69b2 100644
--- a/src/components/Welcome/__snapshots__/Welcome.test.tsx.snap
+++ b/src/components/Welcome/__snapshots__/Welcome.test.tsx.snap
@@ -1,4 +1,4 @@
-// Vitest Snapshot v1
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`<Welcome> > renders and matches snapshot 1`] = `
 <div>
diff --git a/src/containers/AccountModal/__snapshots__/AccountModal.test.tsx.snap b/src/containers/AccountModal/__snapshots__/AccountModal.test.tsx.snap
index 64dfad775..9230ae11b 100644
--- a/src/containers/AccountModal/__snapshots__/AccountModal.test.tsx.snap
+++ b/src/containers/AccountModal/__snapshots__/AccountModal.test.tsx.snap
@@ -1,3 +1,3 @@
-// Vitest Snapshot v1
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`<AccountModal> > renders and matches snapshot 1`] = `<div />`;
diff --git a/src/containers/Cinema/__snapshots__/Cinema.test.tsx.snap b/src/containers/Cinema/__snapshots__/Cinema.test.tsx.snap
index 3bcf4f5a4..d04b570dc 100644
--- a/src/containers/Cinema/__snapshots__/Cinema.test.tsx.snap
+++ b/src/containers/Cinema/__snapshots__/Cinema.test.tsx.snap
@@ -1,4 +1,4 @@
-// Vitest Snapshot v1
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`<Cinema> > renders and matches snapshot 1`] = `
 <div>
@@ -12,6 +12,7 @@ exports[`<Cinema> > renders and matches snapshot 1`] = `
       <div
         class="_loadingOverlay_eb61cb _inline_eb61cb"
       >
+        
         <div
           class="_buffer_d122df"
         >
diff --git a/src/containers/Layout/__snapshots__/Layout.test.tsx.snap b/src/containers/Layout/__snapshots__/Layout.test.tsx.snap
index ad50d60e5..dce6ef2cb 100644
--- a/src/containers/Layout/__snapshots__/Layout.test.tsx.snap
+++ b/src/containers/Layout/__snapshots__/Layout.test.tsx.snap
@@ -1,4 +1,4 @@
-// Vitest Snapshot v1
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`<Layout /> > renders layout 1`] = `
 <div>
diff --git a/src/pages/About/__snapshots__/About.test.tsx.snap b/src/pages/About/__snapshots__/About.test.tsx.snap
index 81a7a9eac..849114199 100644
--- a/src/pages/About/__snapshots__/About.test.tsx.snap
+++ b/src/pages/About/__snapshots__/About.test.tsx.snap
@@ -1,4 +1,4 @@
-// Vitest Snapshot v1
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`<About> > renders and matches snapshot 1`] = `
 <div>
diff --git a/src/pages/Home/__snapshots__/Home.test.tsx.snap b/src/pages/Home/__snapshots__/Home.test.tsx.snap
index 043dab33f..9d7d9e5d2 100644
--- a/src/pages/Home/__snapshots__/Home.test.tsx.snap
+++ b/src/pages/Home/__snapshots__/Home.test.tsx.snap
@@ -1,4 +1,4 @@
-// Vitest Snapshot v1
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`Home Component tests > Home test 1`] = `
 <div>
diff --git a/src/pages/User/__snapshots__/User.test.tsx.snap b/src/pages/User/__snapshots__/User.test.tsx.snap
index 7b099412b..629d4fb1f 100644
--- a/src/pages/User/__snapshots__/User.test.tsx.snap
+++ b/src/pages/User/__snapshots__/User.test.tsx.snap
@@ -1,4 +1,4 @@
-// Vitest Snapshot v1
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`User Component tests > Account Page 1`] = `
 <div>