Implementing a design system page to showcase each components

.github/ISSUE_TEMPLATE/bug.md

@@ -0,0 +1,43 @@
+---
+name: Bug
+about: Create a report to help us improve
+title: ''
+labels: bug
+assignees: ''
+
+---
+
+# Details
+
+### Describe the bug.
+
+### What is the expected behavior?
+
+### What is the actual behavior?
+
+### What device and browser are you using?
+
+### What version of our product are you using?
+
+### What are the preconditions for reproducing the bug?
+
+### Include a video of you reproducing the bug.
+
+### Additional context (like screenshots)
+
+# Development
+_This section will be filled out by a project manager after the issue goes into development._
+
+### What was the root cause?
+
+### Background Info
+
+### Product Definition
+
+### Functional Spec
+
+### UI Prototype
+
+### Technical Primer
+
+### Development Plan

.github/ISSUE_TEMPLATE/feature.md

@@ -0,0 +1,41 @@
+---
+name: Feature
+about: Suggest an idea for this project
+title: ''
+labels: feature
+assignees: ''
+
+---
+
+# Guidelines
+
+* To make it easier to review this issue, please don't delete any parts of this template.
+* This issue describes a feature we want to build. The feature has a clear purpose and use cases.
+* This issue is _descriptive_ and _declarative_, but not _imperative_. It describes the end goal but does not prescribe actions.
+* This issue is _not a duplicate_.
+
+# Details
+
+### Describe the feature.
+_What do you want to happen?_
+
+### Describe the use case.
+_What problem does the feature solve? Which users would this feature apply to?_
+
+### Describe alternatives you've considered.
+_A clear and concise description of any alternative solutions or features you've considered._
+
+# Development
+_This section will be filled out by a project manager after the issue goes under development._
+
+### Background Info
+
+### Product Definition
+
+### Functional Spec
+
+### UI Prototype
+
+### Technical Primer
+
+### Development Plan

.github/ISSUE_TEMPLATE/improvement.md

@@ -0,0 +1,38 @@
+---
+name: Improvement
+about: Suggest an improvement for this project.
+title: ''
+labels: improvement
+assignees: ''
+
+---
+
+# Guidelines
+
+* This issue describes an improvement to an _existing feature_.
+* This issue is _descriptive_ and _declarative_, but not _imperative_. It describes the end goal but does not prescribe actions.
+* This issue is _not a duplicate_.
+
+# Details
+
+### Describe the improvement.
+_What do you want to happen?_
+
+### Describe the use case.
+_What problem does the improvement solve? Which users would this improvement apply to?_
+
+### Describe alternatives you've considered.
+_A clear and concise description of any alternative solutions you've considered._
+
+# Development
+_This section will be filled out by a project manager after the issue goes into development._
+
+### Background Information
+
+### Product Definition
+
+### Functional Spec
+
+### UI Prototype
+
+### Technical Primer

.github/ISSUE_TEMPLATE/question.md

@@ -0,0 +1,10 @@
+---
+name: Question
+about: Ask us anything, anything at all!
+title: ''
+labels: question
+assignees: ''
+
+---
+
+The 🎤 is yours , ask us anything about the project, integrations 🚀, web3, or the world 🌎!!

.github/ISSUE_TEMPLATE/technical-debt.md

@@ -0,0 +1,35 @@
+---
+name: Technical Debt
+about: Suggest an improvement to the project's implementation.
+title: ''
+labels: ''
+assignees: ''
+
+---
+
+# Guidelines
+
+* This issue describes a way to _reduce the cost of development_. The cost could be in the form of development friction or infrastructure costs or anything else.
+* This issue is _not a duplicate_.
+
+# Details
+
+### Describe the problem.
+_What problem will the proposed solution solve? Will (and how) will the problem get worse over time?_
+
+### Describe the solution.
+_What specifically do we need to do? What systems do we need to change? Do we need to add new systems?_
+
+### Describe alternatives you've considered.
+_A clear and concise description of any alternative solutions or features you've considered._
+
+# Development
+_This section will be filled out by a project manager after the issue goes into development._
+
+### Background Info
+
+### Proposal
+
+### Technical Specification
+
+### Development Plan

.prettierrc.json

@@ -0,0 +1 @@
+{}

README.md

@@ -8,6 +8,8 @@ First, run the development server:
 npm run dev
 # or
 yarn dev
+# or
+pnpm dev
 ```
 
 Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
@@ -18,6 +20,8 @@ You can start editing the page by modifying `pages/index.tsx`. The page auto-upd
 
 The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.
 
+This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
+
 ## Learn More
 
 To learn more about Next.js, take a look at the following resources:

next.config.js

@@ -1,7 +1,9 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   reactStrictMode: true,
-  swcMinify: true,
-}
+  compiler: {
+    styledComponents: true,
+  },
+};
 
-module.exports = nextConfig
+module.exports = nextConfig;