Reduced the TopSpacing Sidebar in the CSS, Added Metadata for the each MD file, Recent Notes Component Section

Author: PrathameshDhande22

content/Decorator Pattern.md

@@ -1,4 +1,8 @@
-#structural
+---
+title: Decorator Pattern
+tags:
+  - structural
+---
 ## Definition
 
 The Decorator pattern attaches additional responsibilities to an object dynamically. Decorators provide a flexible alternative to subclassing for extending functionality. 

content/Observer Pattern.md

@@ -1,4 +1,8 @@
-#behavioral 
+---
+title: Observer Pattern
+tags:
+  - behavioral
+---
 ## Definition
 
 It Defines a one-to-many dependency between objects so that when one object changes state, all its dependents are notified and updated automatically. Just like the Subscription, as long as you take the subscription you will get the updates, when you invoke the Subscription you will stop getting the updates or say the services.

content/Strategy Pattern.md

@@ -1,4 +1,9 @@
-#behavioral
+---
+title: Strategy Pattern
+tags:
+  - behavioral
+---
+
 ## Definition
 
 It defines a family of algorithms, encapsulates each one, and makes them interchangeable. The **Strategy Pattern** allows algorithms to vary independently from the clients that use them.

quartz.layout.ts

@@ -5,7 +5,13 @@ import * as Component from "./quartz/components"
 export const sharedPageComponents: SharedLayout = {
   head: Component.Head(),
   header: [],
-  afterBody: [],
+  afterBody: [
+    Component.MobileOnly(Component.Explorer({
+      title: "Patterns",
+      folderClickBehavior: "collapse",
+      folderDefaultState: "collapsed",
+    }))
+  ],
   footer: Component.Footer({
     links: {
       GitHub: "https://prathameshdhande22.github.io/Java-Tutorial/",
@@ -31,20 +37,17 @@ export const defaultContentPageLayout: PageLayout = {
     Component.DesktopOnly(
       Component.Explorer({
         title: "Patterns"
-      }),
+      })
     )
   ],
   right: [
     Component.TableOfContents(),
     Component.Backlinks(),
-    Component.MobileOnly(Component.Explorer({
-      title: "Patterns",
-      folderClickBehavior: "collapse",
-      folderDefaultState: "collapsed",
-
-    })),
-    Component.Graph({ globalGraph: { zoom: true }, localGraph: {} }),
-  ],
+    Component.DesktopOnly(Component.RecentNotes({
+      limit: 2
+    }))
+    // Component.Graph({ globalGraph: { zoom: true }, localGraph: {} }),
+  ]
 }
 
 // components for pages that display lists of pages  (e.g. tags or folders)

quartz/styles/variables.scss

@@ -16,7 +16,7 @@ $desktop: "(min-width: #{map-get($breakpoints, desktop)})";
 
 $pageWidth: #{map-get($breakpoints, mobile)};
 $sidePanelWidth: 320px; //380px;
-$topSpacing: 6rem;
+$topSpacing: 2rem;
 $boldWeight: 700;
 $semiBoldWeight: 600;
 $normalWeight: 400;