[dashboard] Fix bottom page margins for Prebuilds, Repositories and Insights (#20455)

* [dashboard] Fix bottom page margins for Prebuilds, Repositories and Insights

* Fix `/insights` as well

I forgor initially 💀

Author: filiptronicek

components/dashboard/src/Insights.tsx

@@ -56,7 +56,7 @@ export const Insights = () => {
     return (
         <>
             <Header title="Insights" subtitle="Insights into workspace sessions in your organization" />
-            <div className="app-container pt-5">
+            <div className="app-container pt-5 pb-8">
                 <div
                     className={classNames(
                         "flex flex-col items-start space-y-3 justify-between",
@@ -142,7 +142,7 @@ export const Insights = () => {
                     </ItemsList>
                 </div>
 
-                <div className="mt-4 mb-8 flex flex-row justify-center">
+                <div className="mt-4 flex flex-row justify-center">
                     {hasNextPage ? (
                         <LoadingButton
                             variant="secondary"

components/dashboard/src/prebuilds/list/PrebuildListPage.tsx

@@ -12,7 +12,7 @@ const PrebuildListPage = () => {
     useDocumentTitle("Prebuilds");
 
     return (
-        <div className="app-container mb-8">
+        <div className="app-container pb-8">
             <PageHeading title="Prebuilds" subtitle="Review prebuilds of your added repositories." />
             <PrebuildsList />
         </div>

components/dashboard/src/repositories/list/RepositoryList.tsx

@@ -92,7 +92,7 @@ const RepositoryListPage: FC = () => {
 
     return (
         <>
-            <div className="app-container mb-8">
+            <div className="app-container pb-8">
                 <PageHeading
                     title="Repository settings"
                     subtitle="Configure and refine the experience of working with a repository in Gitpod."

components/dashboard/src/repositories/list/RepositoryTable.tsx

@@ -132,7 +132,7 @@ export const RepositoryTable: FC<Props> = ({
                     </div>
                 )}
 
-                <div className="mt-4 mb-8 flex flex-row justify-center">
+                <div className="mt-4 flex flex-row justify-center">
                     {hasNextPage ? (
                         <LoadingButton variant="secondary" onClick={onLoadNextPage} loading={isFetchingNextPage}>
                             Load more