- integrating sign in with google

- set up dark mode context and other services

src/components/shared/Button.js

@@ -16,7 +16,7 @@ const Button = ({ title, isLoading, onClick, outline, className }) => {
     <div
       tabIndex="0"
       role="button"
-      onClick={onClick}
+      onClick={isLoading ? undefined : onClick}
       className={classes}
       onKeyDown={handleKeyDown}
     >

src/components/shared/Wrapper.js

@@ -0,0 +1,23 @@
+import React, { Fragment } from "react";
+import { ToastContainer, Slide } from "react-toastify";
+import ModalRegistrar from "../../modals/ModalRegistrar";
+
+const Wrapper = ({ children }) => {
+  return (
+    <Fragment>
+      {children}
+
+      <ModalRegistrar />
+      <ToastContainer
+        role="alert"
+        hideProgressBar
+        transition={Slide}
+        closeButton={false}
+        position="bottom-right"
+        pauseOnFocusLoss={false}
+      />
+    </Fragment>
+  );
+};
+
+export default Wrapper;