chore: bump deps

package.json

@@ -55,7 +55,7 @@
     "@fontsource/baskervville": "^5.1.0",
     "@hookform/resolvers": "^3.9.0",
     "@million/lint": "^1.0.11",
-    "algoliasearch": "^5.10.1",
+    "algoliasearch": "^5.10.2",
     "astro": "5.0.0-beta.5",
     "clsx": "^2.1.1",
     "contentful": "^11.1.4",

src/pages/terms-and-conditions.astro

@@ -131,7 +131,7 @@ const metadata: Partial<SeoMetadata> = {
       <h4>Contact Us</h4>
       <p>If you have any questions about these Terms and Conditions, You can contact us:</p>
       <ul>
-        <li>By visiting this page on our website: <a href="/contact" target="_blank">https://biancafiore.me/contact</a></li>
+        <li>By visiting this page on our website: <a href="/contact" target="_blank" class="--underline-on-hover">https://biancafiore.me/contact</a></li>
         <li>Emailing us at <EmailButton classNames="legal-page__email" text={atob(CONTACT_DETAILS.ENCODED_EMAIL_BIANCA)} /></li>
       </ul>
     </LegalSection>

src/ui/modules/contact/utils/changeTab/changeTab.ts

@@ -9,6 +9,13 @@ const SELECTORS = {
 
 const getTabs = (): NodeListOf<HTMLElement> => document.querySelectorAll(SELECTORS.TAB);
 
+const updateUrl = (tabId: TabId) => {
+	const url = new URL(window.location.href);
+	const params = new URLSearchParams(url.search);
+	params.set("tab", tabId);
+	history.pushState({}, "", `${url.pathname}?${String(params)}`);
+};
+
 const changeTab = (tabId: TabId) => {
 	const TABS = getTabs();
 
@@ -23,6 +30,7 @@ const changeTab = (tabId: TabId) => {
 		tabContent.classList.toggle("--is-active", isActive);
 		tabContent.classList.toggle("--is-hidden", !isActive);
 	}
+	updateUrl(tabId);
 };
 
 export function initTabs(queryTab?: string) {

src/ui/styles/base/base.css

@@ -38,13 +38,6 @@
 		background-color: var(--background-main);
 	}
 
-	body {
-		-webkit-font-smoothing: antialiased;
-		-webkit-tap-highlight-color: transparent;
-		-webkit-touch-callout: none;
-		text-rendering: optimizeLegibility;
-	}
-
 	main {
 		min-height: 100dvh;
 		width: 100%;
@@ -64,29 +57,6 @@
 		text-wrap: pretty;
 	}
 
-	img {
-		height: 100%;
-		max-width: 100%;
-		width: 100%;
-	}
-
-	a {
-		-webkit-tap-highlight-color: transparent;
-		color: inherit;
-		cursor: pointer;
-	}
-
-	summary {
-		-webkit-tap-highlight-color: transparent;
-		list-style: none;
-		pointer-events: none;
-
-		@media (width <= 960px) {
-			cursor: pointer;
-			pointer-events: auto;
-		}
-	}
-
 	mark {
 		background-color: var(--primary-main);
 	}
@@ -118,15 +88,6 @@
 		}
 	}
 
-	h1,
-	h2,
-	h3,
-	h4,
-	h5,
-	h6 {
-		text-wrap: balance;
-	}
-
 	h1 {
 		font-size: clamp(4rem, 4.25vw, 5.25rem);
 	}

src/ui/styles/reset/reset.css

@@ -19,6 +19,53 @@
 
 	body {
 		min-height: 100dvh;
+		-webkit-font-smoothing: antialiased;
+		-webkit-tap-highlight-color: transparent;
+		-webkit-touch-callout: none;
+		line-height: 1.5;
+		text-rendering: optimizeLegibility;
+	}
+
+	main {
+		isolation: isolate;
+	}
+
+	img,
+	picture,
+	video,
+	canvas {
+		height: 100%;
+		max-width: 100%;
+		width: 100%;
+	}
+
+	a {
+		-webkit-tap-highlight-color: transparent;
+		color: inherit;
+		cursor: pointer;
+	}
+
+	p {
+		text-wrap: pretty;
+	}
+
+	h1,
+	h2,
+	h3,
+	h4,
+	h5,
+	h6 {
+		text-wrap: balance;
+	}
+
+	p,
+	h1,
+	h2,
+	h3,
+	h4,
+	h5,
+	h6 {
+		overflow-wrap: break-word;
 	}
 
 	input,
@@ -28,6 +75,17 @@
 		font: inherit;
 	}
 
+	summary {
+		-webkit-tap-highlight-color: transparent;
+		list-style: none;
+		pointer-events: none;
+
+		@media (width <= 960px) {
+			cursor: pointer;
+			pointer-events: auto;
+		}
+	}
+
 	strong,
 	b {
 		font-weight: 700;