fix footer placement

ui/shared/Page/Page.tsx

@@ -60,9 +60,14 @@ const Page = ({
   ) : children;
 
   return (
-    <Flex w="100%" minH="100vh" alignItems="stretch">
+    <Flex w="100%" minH="100vh" alignItems="flex-start">
       <NavigationDesktop/>
-      <Flex flexDir="column" flexGrow={ 1 } w={{ base: '100%', lg: 'auto' }}>
+      <Flex
+        flexDir="column"
+        flexGrow={ 1 } w={{ base: '100%', lg: 'auto' }}
+        borderLeft="1px solid"
+        borderColor="divider"
+      >
         { renderHeader ?
           renderHeader() :
           <Header isHomePage={ isHomePage }/>

ui/snippets/navigation/NavFooter.tsx

@@ -20,18 +20,10 @@ const VERSION_URL = `https://github.com/blockscout/blockscout/tree/${ appConfig.
 
 interface Props {
   isCollapsed?: boolean;
-  hasAccount?: boolean;
 }
 
-const NavFooter = ({ isCollapsed, hasAccount }: Props) => {
+const NavFooter = ({ isCollapsed }: Props) => {
   const isExpanded = isCollapsed === false;
-  const marginTop = (() => {
-    if (!hasAccount) {
-      return 'auto';
-    }
-
-    return { base: 6, lg: 20 };
-  })();
 
   return (
     <VStack
@@ -39,7 +31,7 @@ const NavFooter = ({ isCollapsed, hasAccount }: Props) => {
       borderTop="1px solid"
       borderColor="divider"
       width={{ base: '100%', lg: isExpanded ? '180px' : '20px', xl: isCollapsed ? '20px' : '180px' }}
-      marginTop={ marginTop }
+      marginTop="auto"
       alignItems="flex-start"
       alignSelf="center"
       color="gray.500"

ui/snippets/navigation/NavigationDesktop.tsx

@@ -54,10 +54,9 @@ const NavigationDesktop = () => {
       position="relative"
       flexDirection="column"
       alignItems="stretch"
-      borderRight="1px solid"
-      borderColor="divider"
       px={{ lg: isExpanded ? 6 : 4, xl: isCollapsed ? 4 : 6 }}
       py={ 12 }
+      minH="100vh"
       width={{ lg: isExpanded ? '229px' : '92px', xl: isCollapsed ? '92px' : '229px' }}
       { ...getDefaultTransitionProps({ transitionProperty: 'width, padding' }) }
     >
@@ -91,13 +90,13 @@ const NavigationDesktop = () => {
         </VStack>
       </Box>
       { hasAccount && (
-        <Box as="nav" borderTopWidth="1px" borderColor="divider" w="100%" mt={ 6 } pt={ 6 }>
+        <Box as="nav" borderTopWidth="1px" borderColor="divider" w="100%" mt={ 6 } pt={ 6 } mb={ 20 }>
           <VStack as="ul" spacing="1" alignItems="flex-start">
             { accountNavItems.map((item) => <NavLink key={ item.text } item={ item } isCollapsed={ isCollapsed }/>) }
           </VStack>
         </Box>
       ) }
-      <NavFooter isCollapsed={ isCollapsed } hasAccount={ hasAccount }/>
+      <NavFooter isCollapsed={ isCollapsed }/>
       <Icon
         as={ chevronIcon }
         width={ 6 }

ui/snippets/navigation/NavigationMobile.tsx

@@ -71,6 +71,7 @@ const NavigationMobile = () => {
           <Box
             as="nav"
             mt={ 6 }
+            mb={ 6 }
             pt={ 6 }
             borderTopWidth="1px"
             borderColor="divider"
@@ -80,7 +81,7 @@ const NavigationMobile = () => {
             </VStack>
           </Box>
         ) }
-        <NavFooter hasAccount={ hasAccount }/>
+        <NavFooter/>
       </Box>
       { openedGroupIndex >= 0 && (
         <Box