refactor(web): drop core/About component

Because at this moment it does not provide any useful information for
the user. Moreover, most probably a user in front of the Agama UI is
aware of what Agama is, especially now that it has its own documentation
site.

web/src/components/core/LoginPage.test.tsx

@@ -113,15 +113,5 @@ describe("LoginPage", () => {
         within(form_error).getByText(/Could not authenticate/);
       });
     });
-
-    it("renders a button to know more about the project", async () => {
-      const { user } = plainRender(<LoginPage />);
-      const button = screen.getByRole("button", { name: "More about this" });
-
-      await user.click(button);
-
-      const dialog = await screen.findByRole("dialog");
-      within(dialog).getByText(/About/);
-    });
   });
 });

web/src/components/core/LoginPage.tsx

@@ -22,18 +22,8 @@
 
 import React, { useState } from "react";
 import { Navigate } from "react-router-dom";
-import {
-  ActionGroup,
-  Button,
-  Card,
-  Flex,
-  FlexItem,
-  Form,
-  FormGroup,
-  Grid,
-  GridItem,
-} from "@patternfly/react-core";
-import { About, EmptyState, FormValidationError, Page, PasswordInput } from "~/components/core";
+import { ActionGroup, Button, Card, Form, FormGroup, Grid, GridItem } from "@patternfly/react-core";
+import { EmptyState, FormValidationError, Page, PasswordInput } from "~/components/core";
 import { Center } from "~/components/layout";
 import { AuthErrors, useAuth } from "~/context/auth";
 import { _ } from "~/i18n";
@@ -109,11 +99,6 @@ user privileges.",
                   </ActionGroup>
                 </Form>
               </EmptyState>
-              <Flex>
-                <FlexItem align={{ default: "alignRight" }}>
-                  <About showIcon={false} iconSize="xs" buttonText={_("More about this")} />
-                </FlexItem>
-              </Flex>
             </Card>
           </GridItem>
         </Grid>

web/src/components/core/index.js

@@ -20,7 +20,6 @@
  * find current contact information at www.suse.com.
  */
 
-export { default as About } from "./About";
 export { default as ChangeProductLink } from "./ChangeProductLink";
 export { default as Description } from "./Description";
 export { default as Section } from "./Section";

web/src/components/layout/Sidebar.test.tsx

@@ -25,7 +25,6 @@ import { screen, within } from "@testing-library/react";
 import { installerRender } from "~/test-utils";
 import Sidebar from "./Sidebar";
 
-jest.mock("~/components/core/About", () => () => <div>About Mock</div>);
 jest.mock("~/components/core/LogsButton", () => () => <div>LogsButton Mock</div>);
 jest.mock("~/components/core/ChangeProductLink", () => () => <div>ChangeProductLink Mock</div>);
 
@@ -47,11 +46,6 @@ describe("Sidebar", () => {
     screen.getByRole("link", { name: "L10n" });
   });
 
-  it("mounts core/About component", () => {
-    installerRender(<Sidebar />);
-    screen.getByText("About Mock");
-  });
-
   it("mounts core/LogsButton component", () => {
     installerRender(<Sidebar />);
     screen.getByText("LogsButton Mock");

web/src/components/layout/Sidebar.tsx

@@ -24,7 +24,7 @@ import React from "react";
 import { NavLink } from "react-router-dom";
 import { Nav, NavItem, NavList, PageSidebar, PageSidebarBody, Stack } from "@patternfly/react-core";
 import { Icon } from "~/components/layout";
-import { About, LogsButton, ChangeProductLink } from "~/components/core";
+import { LogsButton, ChangeProductLink } from "~/components/core";
 import { rootRoutes } from "~/router";
 import { _ } from "~/i18n";
 
@@ -68,7 +68,6 @@ export default function Sidebar(): React.ReactNode {
         <Stack hasGutter>
           <ChangeProductLink />
           <LogsButton />
-          <About showIcon={false} buttonProps={{ variant: "link", isInline: true }} />
         </Stack>
       </PageSidebarBody>
     </PageSidebar>