added chatmodes, prompts inside .github

Author: xkeshav

.github/chatmodes/planning.chatmode.md

@@ -0,0 +1,17 @@
+---
+description: "Planning Mode"
+tools: ["codebase", "fetch", "findTestFiles", "githubRepo", "search", "usages"]
+model: Claude Sonnet 3.5
+---
+
+# Planning mode instructions
+
+You are in planning mode. Your task is to generate an implementation plan for a new feature or for refactoring existing code.
+Don't make any code edits, just generate a plan.
+
+The plan consists of a Markdown document that describes the implementation plan, including the following sections:
+
+- Overview: A brief description of the feature or refactoring task.
+- Requirements: A list of requirements for the feature or refactoring task.
+- Implementation Steps: A detailed list of steps to implement the feature or refactoring task.
+- Testing: A list of tests that need to be implemented to verify the feature or refactoring task.

.github/prompts/astro-checklist.prompt.md

@@ -0,0 +1,6 @@
+---
+mode: ask
+tools: ["codebase", "editFiles", "fetch"]
+---
+
+check project files and find any issue or which can be improved using astro in built features

.github/prompts/generate-release-notes.prompt.md

@@ -0,0 +1,8 @@
+---
+mode: "agent"
+tools: ["github"]
+---
+
+# Release Prompt instructions
+
+Generate release notes for the features I worked in the current release and update them in the release notes file

abcd.code-workspace

@@ -198,6 +198,12 @@
     },
     "[xml]": {
       "editor.defaultFormatter": "redhat.vscode-xml"
+    },
+    "github.copilot.chat.agent.terminal.allowList": {
+      "npm run": true
+    },
+    "github.copilot.chat.agent.terminal.denyList": {
+      "npm run nuke": true
     }
   }
 }

src/components/about/HeroSection.astro

@@ -1,5 +1,5 @@
 ---
-import Logo from "@/assets/icons/ABCD.png";
+import { Image } from "astro:assets";
 
 interface Props {
   appName: string;
@@ -10,7 +10,8 @@ const { appName } = Astro.props;
 
 <section class="hero-section">
   <div class="hero-content">
-    <img src={Logo.src} alt={`${appName} Logo`} class="hero-logo" />
+    <Image src={import("/assets/images/ABCD.png")} alt="Logo" width={400} height={300} loading="eager" />
+
     <h1 class="hero-title">Learning Made <span class="text-highlight">Magical!</span></h1>
     <p class="hero-text">
       At {appName}, we transform education into captivating adventures that ignite young minds. Our interactive platform