fix: pr review - move WrappedToastContainer outside of SessionToastContainerPrivate to prevent rerendering

ts/components/SessionToastContainer.tsx

@@ -2,16 +2,16 @@ import React from 'react';
 import { Slide, ToastContainer, ToastContainerProps } from 'react-toastify';
 import styled from 'styled-components';
 
-const SessionToastContainerPrivate = () => {
+const WrappedToastContainer = ({
-  const WrappedToastContainer = ({
+  className,
-    className,
+  ...rest
-    ...rest
+}: ToastContainerProps & { className?: string }) => (
-  }: ToastContainerProps & { className?: string }) => (
+  <div className={className}>
-    <div className={className}>
+    <ToastContainer {...rest} />
-      <ToastContainer {...rest} />
+  </div>
-    </div>
+);
-  );
 
+const SessionToastContainerPrivate = () => {
   return (
     <WrappedToastContainer
       position="bottom-right"