feat: add projects in homepage

src/components/Dashboard/DashboardPage.tsx

@@ -54,7 +54,7 @@ export function DashboardPage(props: DashboardPageProps) {
   return (
     <div className="min-h-screen bg-gray-50 pb-20 pt-8">
       <div className="container">
-        <div className="mb-8 flex flex-wrap items-center gap-1.5">
+        <div className="mb-6 sm:mb-8 flex flex-wrap items-center gap-1.5">
           <DashboardTab
             label="Personal"
             isActive={!selectedTeamId}

src/components/Dashboard/PersonalDashboard.tsx

@@ -227,9 +227,17 @@ export function PersonalDashboard(props: PersonalDashboardProps) {
       {isLoading ? (
         <div className="h-7 w-1/4 animate-pulse rounded-lg bg-gray-200"></div>
       ) : (
-        <h2 className="text-lg font-medium">
-          Hi {name}, good {getCurrentPeriod()}!
-        </h2>
+        <div className="flex items-start sm:items-center justify-between flex-col sm:flex-row gap-1">
+          <h2 className="text-lg font-medium">
+            Hi {name}, good {getCurrentPeriod()}!
+          </h2>
+          <a
+            href="/home"
+            className="text-xs text-purple-600 underline underline-offset-2 hover:text-purple-700"
+          >
+            Looking for old homepage? Click here
+          </a>
+        </div>
       )}
 
       <div className="mt-4 grid grid-cols-1 gap-2 sm:grid-cols-2 md:grid-cols-4">

src/data/roadmaps/git-github/content/learn-the-basics@HlUUGj3dOZ68t4gIjerXh.md

@@ -6,7 +6,8 @@ Visit the following resources to learn more:
 
 - [@article@What is version control?](https://www.atlassian.com/git/tutorials/what-is-version-control)
 - [@article@What is Git? - The Complete Guide to Git](https://www.datacamp.com/blog/all-about-git)
+- [@article@Version Control (Git) - The Missing Semester of Your CS Education](https://missing.csail.mit.edu/2020/version-control/)
 - [@video@What is Git? Explained in 2 Minutes!](https://www.youtube.com/watch?v=2ReR1YJrNOM)
 - [@official@GUI Clients](https://git-scm.com/downloads/guis)
 - [@official@Getting Started - Installing Git](https://git-scm.com/book/en/v2/Getting-Started-Installing-Git)
-- [@official@Creating an account on GitHub](https://docs.github.com/en/get-started/start-your-journey/creating-an-account-on-github)
+- [@official@Creating an account on GitHub](https://docs.github.com/en/get-started/start-your-journey/creating-an-account-on-github)

src/pages/index.astro

@@ -14,6 +14,16 @@ const roleRoadmaps = await getRoadmapsByTag('role-roadmap');
 const skillRoadmaps = await getRoadmapsByTag('skill-roadmap');
 const bestPractices = await getAllBestPractices();
 const questionGroups = await getAllQuestionGroups();
+const projectGroups = [
+  {
+    title: 'Frontend',
+    id: 'frontend',
+  },
+  {
+    title: 'Backend',
+    id: 'backend',
+  },
+]
 
 const guides = await getAllGuides();
 const questionGuides = (await getAllQuestionGroups()).filter(
@@ -59,6 +69,15 @@ const videos = await getAllVideos();
       showCreateRoadmap={true}
     />
 
+    <FeaturedItems
+      heading='Project Ideas'
+      allowBookmark={false}
+      featuredItems={projectGroups.map((projectGroup) => ({
+        text: projectGroup.title,
+        url: `${projectGroup.id}/projects`,
+      }))}
+    />
+
     <FeaturedItems
       heading='Best Practices'
       featuredItems={bestPractices.map((bestPractice) => ({