fix: issues

frontend/src/components/CreateBoard/TipBar.tsx

@@ -11,16 +11,16 @@ const UnorderedList = styled('ul', { paddingInlineStart: '$26' });
 const CreateBoardTipBar = () => (
   <Flex
     direction="column"
-    justify="center"
     css={{
       minHeight: 'calc(100vh - $sizes$92)',
       backgroundColor: '$primary800',
       padding: '$32',
+      pt: '$100',
       maxWidth: '$384',
-      position: 'fixed',
       right: 0,
       top: 0,
       bottom: 0,
+      zIndex: 1,
     }}
   >
     <Icon

frontend/src/components/Sidebar/partials/Content/index.tsx

@@ -87,12 +87,7 @@ const SideBarContent: React.FC<SidebarContentProps> = ({ strategy }) => {
       </Tooltip>
 
       <StyledSeparator />
-      <StyledMenuItem
-        align="center"
-        css={{ mt: '$16' }}
-        data-active={active === TEAMS_ROUTE}
-        onClick={handleSignOut}
-      >
+      <StyledMenuItem align="center" css={{ mt: '$16' }} onClick={handleSignOut}>
         <Icon name="log-out" />
         <StyledText>Log out</StyledText>
       </StyledMenuItem>

frontend/src/hooks/useTeam.tsx

@@ -39,24 +39,17 @@ const useTeam = ({ autoFetchTeam = false }: AutoFetchProps): UseTeamType => {
     },
   });
 
-  const fetchTeam = useQuery(
-    ['team', teamId],
-    () => {
-      if (typeof teamId === 'string') return getTeamRequest(teamId);
-      return undefined;
-    },
-    {
-      enabled: autoFetchTeam,
-      refetchOnWindowFocus: false,
-      onError: () => {
-        setToastState({
-          open: true,
-          content: 'Error getting the team',
-          type: ToastStateEnum.ERROR,
-        });
-      },
+  const fetchTeam = useQuery(['team', teamId], () => getTeamRequest(teamId), {
+    enabled: autoFetchTeam,
+    refetchOnWindowFocus: false,
+    onError: () => {
+      setToastState({
+        open: true,
+        content: 'Error getting the team',
+        type: ToastStateEnum.ERROR,
+      });
     },
-  );
+  });
 
   const fetchTeamsOfUser = useQuery(['teams'], () => getTeamsOfUser(), {
     enabled: autoFetchTeam,

frontend/src/hooks/useTeamUtils.tsx

@@ -11,7 +11,7 @@ import { ToastStateEnum } from '../utils/enums/toast-types';
 
 type TeamUtilsType = {
   userId: string;
-  teamId: string | string[] | undefined;
+  teamId: string;
   queryClient: QueryClient;
   setToastState: SetterOrUpdater<{ open: boolean; type: ToastStateEnum; content: string }>;
   router: NextRouter;
@@ -40,7 +40,7 @@ const useTeamUtils = (): TeamUtilsType => {
 
   return {
     userId,
-    teamId,
+    teamId: String(teamId),
     queryClient,
     setToastState,
     router,

frontend/src/pages/boards/new.tsx

@@ -192,7 +192,9 @@ const NewBoard: NextPage = () => {
               >
                 Cancel
               </Button>
-              <Button type="submit">Create board</Button>
+              <Button type="submit" disabled={isBackButtonDisable}>
+                Create board
+              </Button>
             </ButtonsContainer>
           </StyledForm>
         </SubContainer>

frontend/src/pages/teams/[teamId].tsx

@@ -65,7 +65,7 @@ const Team = () => {
 };
 
 export const getServerSideProps: GetServerSideProps = async (context) => {
-  const { teamId } = context.query;
+  const teamId = String(context.query.teamId);
 
   const queryClient = new QueryClient();
   try {
@@ -83,6 +83,7 @@ export const getServerSideProps: GetServerSideProps = async (context) => {
   }
   return {
     props: {
+      key: teamId,
       dehydratedState: dehydrate(queryClient),
     },
   };

frontend/src/styles/pages/boards/new.styles.tsx

@@ -13,9 +13,8 @@ const PageHeader = styled('header', {
   height: '$92',
   width: '100%',
 
-  position: 'sticky',
   top: 0,
-  zIndex: 1,
+  zIndex: 3,
   borderBottom: '0.8px solid $primary200',
   display: 'flex',
   alignItems: 'center',