Add quick starts to sdk references

Author: yashovardhan

docs/sdk/pnp/web/modal/modal.mdx

@@ -4,6 +4,9 @@ sidebar_label: Overview
 description: " Web3Auth PnP Web Modal SDK | Documentation - Web3Auth"
 ---
 
+import ExampleCards from "@theme/ExampleCards";
+import { pnpModalExamples, QUICK_START } from "@site/src/common/maps";
+
 This package provides the main class for using the default Web3Auth Modal. The package includes all
 of our packages and gives you a simple way of implementing Web3Auth within your interface.
 Additionally, it is a child class of [`@web3auth/no-modal`](/sdk/pnp/web/no-modal) package. Hence,
@@ -31,3 +34,7 @@ package.
 
 - [Community Support Portal](https://web3auth.io/community/c/help-pnp/pnp-web/7): Join our community
   to get support from our team and other developers.
+
+## Quick Starts
+
+<ExampleCards exampleMap={pnpModalExamples.filter((obj) => obj.type === QUICK_START)} />

docs/sdk/pnp/web/no-modal/no-modal.mdx

@@ -4,6 +4,9 @@ sidebar_label: Overview
 description: "Web3Auth Plug and Play No Modal SDK | Documentation - Web3Auth"
 ---
 
+import ExampleCards from "@theme/ExampleCards";
+import { pnpNoModalExamples, QUICK_START } from "@site/src/common/maps";
+
 Web3Auth Plug and Play No Modal is the main SDK that consists of the core module of Web3Auth Plug
 and Play. This SDK gives you all the needed modules for implementing the Web3Auth features, giving
 you the flexibility of implementing your own UI to use all the functionalities. Since this package
@@ -31,3 +34,7 @@ size of this package is smaller.
 
 - [Community Support Portal](https://web3auth.io/community/c/help-pnp/pnp-web/7): Join our community
   to get support from our team and other developers.
+
+## Quick Starts
+
+<ExampleCards exampleMap={pnpNoModalExamples.filter((obj) => obj.type === QUICK_START)} />