blogs finalised

Author: komal-agarwal5

package-lock.json

@@ -16,7 +16,7 @@
     "write-heading-ids": "docusaurus write-heading-ids"
   },
   "dependencies": {
-    "@docusaurus/core": "^3.3.2",
+    "@docusaurus/core": "^3.4.0",
     "@docusaurus/plugin-content-pages": "^3.3.2",
     "@docusaurus/plugin-google-analytics": "^3.3.2",
     "@docusaurus/plugin-google-gtag": "^3.3.2",
@@ -26,6 +26,7 @@
     "@docusaurus/plugin-vercel-analytics": "^3.3.2",
     "@docusaurus/preset-classic": "^3.3.2",
     "@docusaurus/remark-plugin-npm2yarn": "^3.4.0",
+    "@docusaurus/theme-classic": "^3.4.0",
     "@docusaurus/theme-live-codeblock": "^3.3.2",
     "@docusaurus/theme-mermaid": "^3.3.2",
     "@docusaurus/theme-search-algolia": "^3.3.2",

package.json

@@ -50,6 +50,9 @@
     font-size: 1rem;
     color: #353434;
 }
+.blog-description:hover{
+    text-decoration: none;
+}
 [data-theme="dark"] .blog-description {
     color: #ddd;
 }

src/components/Blogs/BlogCard.css

@@ -63,6 +63,22 @@ interface Blog {
         "Learn the basics of the MERN stack, from building an API with Express.js to creating a React app.",
       link: "dockerizing-a-rust-application-with-multi-stage-builds",
     },
+    {
+      id: 8,
+      title: "Git Best Practices: Commit Often, Perfect Later, Publish Once",
+      image: "/img/svg/coding.svg",
+      description:
+        "Git is a powerful tool for managing the development of software projects, but it can be challenging to use effectively. ",
+      link: "git-best-practicies.md",
+    },
+    {
+      id: 9,
+      title: "Mastering Data Structures in Python",
+      image: "/img/svg/programming.svg",
+      description:
+        "Data structures are essential components in computer science, enabling efficient data storage, manipulation, and retrieval.",
+      link: "Mastering Data Structures in Python.md",
+    },
   ];
 
 

src/database/blogs/index.tsx

@@ -1,13 +1,11 @@
 import React, { useState, useMemo, useEffect } from "react";
-import "./style.css";
 import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
 import Head from "@docusaurus/Head";
 import BlogPage from "../../components/Blogs/BlogPage";
 import Layout from "@theme/Layout";
-import ExecutionEnvironment from "@docusaurus/ExecutionEnvironment";
 import Translate, { translate } from "@docusaurus/Translate";
 import { motion } from "framer-motion";
-import styles from "../showcase/styles.module.css";
+import styles from "./styles.module.css";
 
 const TITLE = "CodeHarborHub Blogs";
 const DESCRIPTION =