chore: fix scroll (#1927)

* chore: fix scroll

* fix: errors in profile styles file

---------

Co-authored-by: Mattia Magi <mattia.magi91@gmail.com>

Author: hdJerry

cra-rxjs-styled-components/src/components/layouts/ProfileLayout.tsx

@@ -1,25 +1,25 @@
 import styled from 'styled-components';
 
 export const Layout = styled.div`
-  height: calc(100% - 70px);
+	height: calc(100% - 70px);
 	padding: 0 1rem;
-  background-color: rgb(255, 255, 255);
-  display: grid;
+	background-color: rgb(255, 255, 255);
+	display: grid;
 	overflow: hidden;
 
-  grid-template-columns: auto;
-    grid-template-areas:
-      'header'
-      'aside'
-      'content'
-	  'footer';
-  }
+	grid-template-columns: auto;
+	grid-template-areas:
+		'header'
+		'aside'
+		'content'
+		'footer';
 
-  @media (min-width: 850px) {
-    grid-template-columns: 384px auto;
-    grid-template-areas: 'aside content' 'footer footer';
-    margin: 20px;
-	height: calc(100% - 110px);
+	@media (min-width: 850px) {
+		grid-template-columns: 384px auto;
+		grid-template-areas: 'aside content' 'footer footer';
+		margin: 20px;
+		height: calc(100% - 110px);
+	}
 `;
 
 export const NetlifyBadgeContainer = styled.div`

cra-rxjs-styled-components/src/routes/profile.tsx

@@ -32,10 +32,14 @@ function Profile() {
 		grid-area: content;
 	`;
 
+	const Main = styled.div`
+		min-height: calc(100vh - 172px);
+	`;
+
 	const sortAndFilteredRepositories = useRepoSortFilter(repositories);
 
 	return (
-		<>
+		<Main>
 			<Header />
 			<Layout>
 				<UserProfileView />
@@ -78,7 +82,7 @@ function Profile() {
 					</a>
 				</NetlifyBadgeContainer>
 			</Layout>
-		</>
+		</Main>
 	);
 }