RZA-250021: Refactor and Optimization of existing Pages

.github/copilot-instructions.md

@@ -0,0 +1,36 @@
+---
+applyTo: "**"
+---
+
+# Project general coding standards
+
+## Naming Conventions
+
+- Use PascalCase for component names, interfaces, and type aliases
+- Use camelCase for variables, functions, and methods
+- Prefix private class members with underscore (\_)
+- Use ALL_CAPS for constants
+
+## Error Handling
+
+- Use try/catch blocks for async operations
+- Implement proper error boundaries in React components
+- Always log errors with contextual information
+
+## Code Structure
+
+- Organize files by feature rather than type
+- Keep components small and focused on a single responsibility
+- Use TypeScript for type safety and better developer experience
+
+## Documentation
+
+- Maintain a README.md with project setup and usage instructions
+- Use inline comments sparingly, only for complex logic
+
+## Version Control
+
+- Use Git for version control
+- Write clear and concise commit messages
+- Use feature branches for new features and bug fixes
+- Rebase branches before merging

.github/instructions/astro.instructions.md

@@ -0,0 +1,25 @@
+---
+applyTo: "**/*.astro"
+---
+
+## Project coding standards for Astro
+
+Apply the [general coding guidelines](./general-coding.instructions.md) to all code.
+
+## Astro Guidelines
+
+- Use Astro components for reusable UI elements
+- Prefer using Astro's built-in components and features
+- Use TypeScript for Astro components when possible
+- Follow the Astro file structure conventions
+- Use Astro's slot system for component composition
+- Keep Astro components small and focused
+- Use CSS modules or scoped styles for component styling
+- Use Astro's built-in image optimization features
+- Use Astro's built-in routing system for navigation
+- Use Astro's built-in Markdown support for content
+
+- Use Astro's built-in data fetching capabilities for dynamic content
+- Use Astro's built-in state management features when necessary
+
+- Follow Astro's best practices for performance optimization

.github/instructions/css.instructions.md

@@ -0,0 +1,31 @@
+---
+applyTo: "**/*.css"
+---
+
+## Project coding standards for CSS
+
+Apply the [general coding guidelines](./general-coding.instructions.md) to all code.
+
+- Use BEM (Block Element Modifier) methodology for class naming
+- Use lowercase and hyphens for class names (e.g., `.block__element--modifier`)
+- Use meaningful class names that describe the purpose of the element
+- Use shorthand properties where applicable (e.g., `margin: 0 auto;` instead of `margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;`)
+- Use CSS variables for colors and common values to ensure consistency
+- Use comments to explain complex styles or layout decisions
+- Use media queries for responsive design, keeping them close to the relevant styles
+- Avoid using IDs for styling; prefer classes
+- Use grid in place of flex wherever possible for layout instead of floats
+- Use `box-sizing: border-box;` to simplify box model calculations
+- Use css scroll snap properties for scrollable sections
+- writ css in nested structure to improve readability
+- Use `rem` or `em` units for font sizes and spacing to ensure scalability
+- Use `@import` for modular CSS files, but prefer CSS preprocessors like SASS or LESS for better organization
+- Use `:root` for defining global CSS variables
+- Use `transition` and `transform` for animations instead of JavaScript where possible
+- Use `:hover`, `:focus`, and `:active` pseudo-classes for interactive elements
+- Use `@media` queries for responsive design, keeping them close to the relevant styles
+- Use `@supports` for feature queries to ensure compatibility with older browsers
+- Use `@keyframes` for custom animations, keeping them modular and reusable
+- Use `@font-face` for custom fonts, ensuring proper fallbacks
+- Use `@layer` for CSS layering to control specificity and avoid conflicts
+- Use `@apply` for utility classes in Tailwind CSS or similar frameworks

.github/instructions/general-coding.instructions.md

@@ -0,0 +1,19 @@
+---
+applyTo: "**"
+---
+
+# Project general coding standards
+
+## Naming Conventions
+
+- Use PascalCase for component names, interfaces, and type aliases
+- Use camelCase for variables, functions, and methods
+- Prefix private class members with underscore (\_)
+- Use ALL_CAPS for constants
+
+## Error Handling
+
+- Use try/catch blocks for async operations
+- Implement proper error boundaries in React components
+- Always log errors with contextual information
+- Use custom error classes for specific error types

.github/instructions/react.instructions.md

@@ -0,0 +1,23 @@
+---
+applyTo: "**/*.ts,**/*.tsx"
+---
+
+# Project coding standards for TypeScript and React
+
+Apply the [general coding guidelines](./general-coding.instructions.md) to all code.
+
+## TypeScript Guidelines
+
+- Use TypeScript for all new code
+- Follow functional programming principles where possible
+- Use interfaces for data structures and type definitions
+- Prefer immutable data (const, readonly)
+- Use optional chaining (?.) and nullish coalescing (??) operators
+
+## React Guidelines
+
+- Use functional components with hooks
+- Follow the React hooks rules (no conditional hooks)
+- Use React.FC type for components with children
+- Keep components small and focused
+- Use CSS modules for component styling

.gitignore

@@ -31,4 +31,6 @@ npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
 pnpm-debug.log*
-/.astro/astro/**
+/.astro/astro/**
+
+*.code-workspace

.vscode/dictionaries/project-words.txt

@@ -1,53 +1,108 @@
+abcdkbd
 argmax
 argmin
+Ashadha
+Ashvina
 astro
 astrojs
 astype
 audiorec
 audiorecorder
 avgrah
+Barahkhadi
+Bhadrapada
 bincount
+Chaitra
 clsx
 cmdk
+Colour
+colours
 controlslist
 datetime
+Deepavali
 dhaga
+Dussehra
 ensurepip
 fontsource
 frontmatter
 getbuffer
 GSTIN
 heroicons
 hidenseek
+Holi
 hookform
 imread
 imwrite
 Jaati
+Jayanti
 jsonify
+Jyeshtha
+Kartika
 kmeans
 linalg
 lucide
+Magha
+Margashirsha
 matras
+nameform
 nodownload
 Organja
 orgenja
+paksha
+panchang
+parixan
+Pausha
 Peina
+Phalguna
 prerender
 Reddy
 roboto
 Rushi
 sanyukat
 shadcn
+Shravana
 signup
 sitemapindex
 skimage
 sportrop
 streamlit
+sunsign
+sunsigns
 tailwindcss
 threadzip
 Threazip
+tithi
+Vaishakha
+varnmala
 vaul
 venv
 Verdana
+Vijayadashami
 waitlist
 werkzeug
+अक्टूबर
+अगस्त
+अप्रैल
+आश्विन
+आषाढ़
+कन्या
+कर्क
+कार्तिक
+चैत्र
+जनवरी
+जुलाई
+ज्येष्ठ
+तुला
+दिसम्बर
+नवम्बर
+फ़रवरी
+फाल्गुन
+भाद्रपद
+मार्गशीर्ष
+मार्च
+मिथुन
+वृश्चिक
+वृषभ
+वैशाख
+श्रावण
+सितम्बर

.vscode/mcp.json

@@ -0,0 +1,7 @@
+{
+  "servers": {
+    "my-mcp-server-9d062339": {
+      "url": "https://api.githubcopilot.com/mcp/"
+    }
+  }
+}

.vscode/settings.json

@@ -46,5 +46,26 @@
   "css.lint.unknownAtRules": "ignore",
   "css.lint.unknownProperties": "ignore",
   "css.hover.documentation": true,
-  "css.hover.references": true
+  "css.hover.references": true,
+  "workbench.colorCustomizations": {
+    "activityBar.activeBackground": "#e98cf9",
+    "activityBar.background": "#e98cf9",
+    "activityBar.foreground": "#15202b",
+    "activityBar.inactiveForeground": "#15202b99",
+    "activityBarBadge.background": "#fdf9e1",
+    "activityBarBadge.foreground": "#15202b",
+    "commandCenter.border": "#15202b99",
+    "sash.hoverBorder": "#e98cf9",
+    "statusBar.background": "#e05bf7",
+    "statusBar.foreground": "#15202b",
+    "statusBarItem.hoverBackground": "#d72af5",
+    "statusBarItem.remoteBackground": "#e05bf7",
+    "statusBarItem.remoteForeground": "#15202b",
+    "titleBar.activeBackground": "#e05bf7",
+    "titleBar.activeForeground": "#15202b",
+    "titleBar.inactiveBackground": "#e05bf799",
+    "titleBar.inactiveForeground": "#15202b99",
+    "sideBar.border": "#e98cf9",
+    "tab.activeBorder": "#e98cf9"
+  }
 }

abcd.code-workspace

@@ -41,7 +41,7 @@
     },
     "css.lint.unknownAtRules": "ignore",
     "debug.javascript.codelens.npmScripts": "never",
-    "diffEditor.ignoreTrimWhitespace": true,
+    "diffEditor.ignoreTrimWhitespace": false,
     "editor.accessibilitySupport": "off",
     "editor.bracketPairColorization.enabled": true,
     "editor.codeActionsOnSave": {
@@ -60,7 +60,7 @@
     "editor.inlayHints.enabled": "offUnlessPressed",
     "editor.insertSpaces": true,
     "editor.linkedEditing": true,
-    "editor.minimap.enabled": false,
+    "editor.minimap.enabled": true,
     "editor.minimap.renderCharacters": false,
     "editor.minimap.size": "fill",
     "editor.multiCursorModifier": "alt",
@@ -73,9 +73,25 @@
       "javascript": "javascriptreact"
     },
     "eslint.options": {
-      "extensions": [".js", ".jsx", ".md", ".mdx", ".ts", ".tsx", ".astro"]
-    },
-    "eslint.validate": ["mdx", "markdown", "javascript", "javascriptreact", "typescript", "typescriptreact", "astro"],
+      "extensions": [
+        ".js",
+        ".jsx",
+        ".md",
+        ".mdx",
+        ".ts",
+        ".tsx",
+        ".astro"
+      ]
+    },
+    "eslint.validate": [
+      "mdx",
+      "markdown",
+      "javascript",
+      "javascriptreact",
+      "typescript",
+      "typescriptreact",
+      "astro"
+    ],
     "explorer.compactFolders": false,
     "explorer.confirmDelete": false,
     "explorer.confirmDragAndDrop": false,
@@ -103,7 +119,10 @@
     },
     "git.autofetch": true,
     "git.branchPrefix": "feature/",
-    "git.branchProtection": ["develop", "main"],
+    "git.branchProtection": [
+      "develop",
+      "main"
+    ],
     "git.branchRandomName.enable": true,
     "git.confirmSync": false,
     "git.enableCommitSigning": false,
@@ -114,7 +133,9 @@
     "js/ts.implicitProjectConfig.checkJs": true,
     "peacock.affectSideBarBorder": true,
     "peacock.color": "#6A3B98",
-    "prettier.documentSelectors": ["**/*.astro"],
+    "prettier.documentSelectors": [
+      "**/*.astro"
+    ],
     "prettier.printWidth": 120,
     "prettier.quoteProps": "consistent",
     "prettier.singleQuote": false,
@@ -171,6 +192,9 @@
     "files.readonlyInclude": {
       ".githooks/**": true
     },
-    "typescript.preferences.preferGoToSourceDefinition": true
+    "typescript.preferences.preferGoToSourceDefinition": true,
+    "[xml]": {
+      "editor.defaultFormatter": "redhat.vscode-xml"
+    }
   }
-}
+}