feat: add wallets providers & basic layout (#7)

* wallets providers + layout

* fixing PR to limit it to the scope of the PR

pages/_app.tsx

@@ -6,25 +6,45 @@ import {
   WalletProvider,
 } from "@solana/wallet-adapter-react";
 import { WalletAdapterNetwork } from "@solana/wallet-adapter-base";
-import { PhantomWalletAdapter } from "@solana/wallet-adapter-wallets";
+import {
+  GlowWalletAdapter,
+  PhantomWalletAdapter,
+  SlopeWalletAdapter,
+  SolflareWalletAdapter,
+  SolletExtensionWalletAdapter,
+  SolletWalletAdapter,
+  TorusWalletAdapter,
+} from '@solana/wallet-adapter-wallets';
 import { WalletModalProvider } from "@solana/wallet-adapter-react-ui";
 import {Wallet,Navbar} from "components/Layout";
 import { clusterApiUrl } from "@solana/web3.js";
 
-// Default styles that can be overridden by your app
 require("@solana/wallet-adapter-react-ui/styles.css");
+
+
 function MyApp({ Component, pageProps }: AppProps) {
   const network = WalletAdapterNetwork.Devnet;
 
   const endpoint = useMemo(() => clusterApiUrl(network), [network]);
 
-  const wallets = useMemo(() => [new PhantomWalletAdapter()], [network]);
+  const wallets = useMemo(
+    () => [
+        new PhantomWalletAdapter(),
+        new GlowWalletAdapter(),
+        new SlopeWalletAdapter(),
+        new SolflareWalletAdapter({ network }),
+        new TorusWalletAdapter(),
+        new SolletWalletAdapter({ network }),
+        new SolletExtensionWalletAdapter({ network }),
+    ],
+    [network]
+);
 
   return (
-    <ConnectionProvider endpoint={endpoint}>
-      <WalletProvider wallets={wallets} autoConnect>
+    <ConnectionProvider endpoint={endpoint} >
+      <WalletProvider wallets={wallets}  >
         <Navbar />
-        <WalletModalProvider>
+        <WalletModalProvider >
           <Wallet />
           <div style={{ marginLeft: "10rem" }}>
             <Component {...pageProps} />