AppCatalog: Adds comp and story for SettingsLink

Signed-off-by: Vincent T <[email protected]>

app-catalog/src/components/charts/SettingsLink.stories.tsx

@@ -0,0 +1,13 @@
+import { Meta, Story } from '@storybook/react';
+import React from 'react';
+import { SettingsLink } from './SettingsLink';
+
+export default {
+    title: 'Components/SettingsLink',
+    component: SettingsLink,
+} as Meta;
+
+const Template: Story = (args) => <SettingsLink {...args} />;
+
+export const Title = Template.bind({});
+Title.args = {};

app-catalog/src/components/charts/SettingsLink.tsx

@@ -0,0 +1,25 @@
+import { Link as RouterLink } from '@kinvolk/headlamp-plugin/lib/CommonComponents';
+import {
+    Typography,
+    useTheme,
+} from '@mui/material';
+
+
+
+export function SettingsLink() {
+    const theme = useTheme();
+
+    return (
+        <RouterLink routeName="/settings/plugins/app-catalog" tooltip="App-Catalog Settings">
+            <Typography
+                sx={{
+                    size: '1rem',
+                    marginLeft: '3rem',
+                    color: theme.palette.text.primary,
+                }}
+            >
+                Settings
+            </Typography>
+        </RouterLink>
+    );
+}