fix: better code organisation for ContentType components

components/ContentType/HotelPage/HotelPage.tsx

@@ -1,6 +1,6 @@
 import { serverClient } from "@/lib/trpc/server"
 
-import Title from "../TempDesignSystem/Text/Title"
+import Title from "@/components/TempDesignSystem/Text/Title"
 
 import styles from "./hotelPage.module.css"
 

components/ContentType/HotelPage/hotelPage.module.css

@@ -0,0 +1,11 @@
+.content {
+  display: grid;
+  gap: var(--Spacing-x4);
+  padding: var(--Spacing-x3) var(--Spacing-x3) var(--Spacing-x4);
+}
+
+@media screen and (min-width: 1367px) {
+  .content {
+    gap: var(--Spacing-x3);
+  }
+}

components/ContentType/LoyaltyPage/LoyaltyPage.tsx

@@ -3,8 +3,7 @@ import { serverClient } from "@/lib/trpc/server"
 import { Blocks } from "@/components/Loyalty/Blocks"
 import Sidebar from "@/components/Loyalty/Sidebar"
 import MaxWidth from "@/components/MaxWidth"
-
-import Title from "../TempDesignSystem/Text/Title"
+import Title from "@/components/TempDesignSystem/Text/Title"
 
 import styles from "./loyaltyPage.module.css"
 

components/ContentType/hotelPage.module.css

@@ -1,31 +0,0 @@
-.content {
-  display: grid;
-  padding-bottom: var(--Spacing-x9);
-  padding-left: var(--Spacing-x0);
-  padding-right: var(--Spacing-x0);
-  position: relative;
-}
-
-.blocks {
-  display: grid;
-  gap: var(--Spacing-x5);
-  padding-left: var(--Spacing-x2);
-  padding-right: var(--Spacing-x2);
-}
-
-@media screen and (min-width: 1367px) {
-  .content {
-    gap: var(--Spacing-x3);
-    padding-left: var(--Spacing-x3);
-    padding-right: var(--Spacing-x3);
-  }
-
-  .blocks {
-    padding-left: var(--Spacing-x0);
-    padding-right: var(--Spacing-x0);
-  }
-
-  .blocks > section:first-of-type > header {
-    gap: var(--Spacing-x2);
-  }
-}