Overview page has now its own independent path

frontend/README.md

@@ -33,14 +33,19 @@ elsewhere in Altinn.
 Should state: Preparing [email protected] for immediate activation...
 
 > corepack yarn
+
 This should install the dependencies listed in package.json
 
 4. Run the Vite webserver script in package.json by
 > yarn start
 
 The app should now be running in the Vite webserver,
 and is pseudo-available at http://localhost:5173
-(showing just a blue screen),
+(showing just a blue screen), or http://localhost:5173/authfront/ui/xxx <br>
+(showing an Error Page with a nice seagull).
 
-and with the new /authfront/ui BasePath, we now reach the old Overview page via
+and with the new /authfront/ui BasePath, we now reach the old, but edited Overview page via
 http://localhost:5173/authfront/ui/offered-api-delegations/overview
+
+while the new Authentication OverviewPage on new path is here: <br>
+http://localhost:5173/authfront/ui/auth/overview

frontend/src/features/overviewpage/OverviewPage.tsx

@@ -0,0 +1,28 @@
+import { useTranslation } from 'react-i18next';
+import * as React from 'react';
+
+import { Page, PageHeader, PageContent, PageContainer } from '@/components';
+import { ReactComponent as ApiIcon } from '@/assets/Api.svg';
+import { useMediaQuery } from '@/resources/hooks';
+
+import { OverviewPageContent } from './components/OverviewPageContent';
+import { LayoutState } from './components/LayoutState';
+
+export const OverviewPage = () => {
+  const { t } = useTranslation('common');
+  const isSm = useMediaQuery('(max-width: 768px)');
+
+  return (
+    <PageContainer>
+      <Page
+        color='dark'
+        size={isSm ? 'small' : 'medium'}
+      >
+        <PageHeader icon={<ApiIcon />}>{t('api_delegation.api_delegations')}</PageHeader>
+        <PageContent>
+          <OverviewPageContent layout={LayoutState.Offered} />
+        </PageContent>
+      </Page>
+    </PageContainer>
+  );
+};

frontend/src/features/overviewpage/components/LayoutState.tsx

@@ -0,0 +1,4 @@
+export enum LayoutState {
+  Offered,
+  Received,
+}

frontend/src/features/overviewpage/components/OverviewPageContent/OrgDelegationActionBar/OrgDelegationActionBar.module.css

@@ -0,0 +1,37 @@
+@media only screen and (max-width: 768px) {
+  .actionBarContent {
+    padding-left: 0.7rem;
+  }
+
+  .orgDelegationActionBarTitle {
+    font-size: 14px;
+  }
+}
+
+@media only screen and (min-width: 769px) {
+  .actionBarContent {
+    padding-left: 50px;
+  }
+}
+
+.actionBarContent {
+  padding-right: 10px;
+}
+
+.actionBarText__softDelete {
+  text-decoration: line-through;
+  opacity: 70%;
+}
+
+.actionBarSubtitle__softDelete {
+  text-decoration: line-through;
+  opacity: 70%;
+}
+
+.accordionHeaderRightText {
+  margin-right: 15px;
+}
+
+.additionalText {
+  margin-right: 10px;
+}