feat(events): Add script to fetch and display Zoho calendar events

This commit introduces a new script that fetches and normalizes event data from Zoho Calendar using OAuth2. The script makes an API call to retrieve calendar events for the current month. The event data is then processed and formatted to be used by a Nunjucks template.

Key Changes:
- test(dummy-data): Created a dummy calendar and dummy events for development and testing.
- feat(events): Added a new script to fetch event data from Zoho Calendar.
- feat(oauth2): Implemented OAuth2 authentication for secure API access.
- refactor(data): Normalized the fetched data payload for consistency.
- feat(ui): Integrated the normalized data with a Nunjucks template to dynamically populate "event cards" on the community events page.

src/styles/about.css

@@ -1,5 +1,5 @@
 /* |--↓-↓-↓  Start about.html  ↓-↓-↓--| */
-#about-page main {
+.about {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -8,9 +8,9 @@
 #main-top {
   display: flex;
   flex-direction: row;
-  justify-content: space-between;
-  width: 95vw;
-  position: center;
+  gap: 30px;
+  width: 90vw;
+  height: auto;
 }
 
 #business-info {
@@ -35,7 +35,7 @@
 
 
 #business-info h3,
-#feedback-intro h1 {
+#feedback-intro h2 {
 font-size: 1.875rem;
 text-align: center;
 text-shadow: 0.5px 0.5px 2px #014038, /* Bottom-right base shadow */
@@ -77,7 +77,7 @@ box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.5);
   margin-left: 30px;
 }
 
-#story h1 {
+#story h2 {
   background-color: #96baa0;
   color: #f7f7f7;
   border: solid #f7f7f7;
@@ -112,7 +112,7 @@ box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.5);
   box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.5); 
 }
 
-#feedback h1 {
+#feedback h2 {
   background-color: #a4ccd6;
   border: solid #f7f7f7;
   border-radius: 10px;