Spread ChakraProvider props to Provider Component (#150)

* Spread ChakraProvider props to Provider Component

* Implement changes suggested by Wth-Heart for cleaner Interface

* Add changeset

Co-authored-by: Dhaiwat Pandya <[email protected]>

Author: Ibby-devv

.changeset/tiny-bees-film.md

@@ -0,0 +1,5 @@
+---
+'@web3-ui/components': minor
+---
+
+Accept any ChakraProvider-compatible props in our Provider

packages/components/src/components/Provider/Provider.tsx

@@ -1,8 +1,8 @@
 import React from 'react';
-import { ChakraProvider } from '@chakra-ui/react';
+import { ChakraProvider, ChakraProviderProps } from '@chakra-ui/react';
 
-export interface ProviderProps {}
+export interface ProviderProps extends ChakraProviderProps {}
 
-export const Provider: React.FC<ProviderProps> = ({ children }) => {
-  return <ChakraProvider>{children}</ChakraProvider>;
+export const Provider: React.FC<ProviderProps> = ({ children, ...props }) => {
+  return <ChakraProvider {...props}>{children}</ChakraProvider>;
 };