components: add ruins layout primitives

quartz.layout.ts

@@ -6,17 +6,13 @@ export const sharedPageComponents: SharedLayout = {
   head: Component.Head(),
   header: [],
   afterBody: [],
-  footer: Component.Footer({
-    links: {
-      GitHub: "https://github.com/jackyzha0/quartz",
-      "Discord Community": "https://discord.gg/cRFFHYye7t",
-    },
-  }),
+  footer: Component.RuinsFooter(),
 }
 
 // components for pages that display a single page (e.g. a single note)
 export const defaultContentPageLayout: PageLayout = {
   beforeBody: [
+    Component.Height(),
     Component.ConditionalRender({
       component: Component.Breadcrumbs(),
       condition: (page) => page.fileData.slug !== "index",
@@ -26,12 +22,13 @@ export const defaultContentPageLayout: PageLayout = {
   ],
   left: [
     Component.PageTitle(),
+    Component.Height({ height: "1rem" }),
     Component.MobileOnly(Component.Spacer()),
     Component.Search(),
     Component.Explorer(),
-    Component.DesktopOnly(Component.Darkmode()),
+    Component.DesktopOnly(Component.RuinsDarkmode()),
   ],
-  right: [Component.MobileOnly(Component.Darkmode())],
+  right: [Component.MobileOnly(Component.RuinsDarkmode())],
 }
 
 // components for pages that display lists of pages  (e.g. tags or folders)