feat: custom branding (#112)

* add first concept

* remove setup status

* split config page in multiple components

* add custom branding docs

* add test email button

* fix invalid email from header

* add migration

* mount images to host

* update docs

* remove unused endpoint

* run formatter

frontend/src/components/header/ActionAvatar.tsx

@@ -0,0 +1,44 @@
+import { ActionIcon, Avatar, Menu } from "@mantine/core";
+import Link from "next/link";
+import { TbDoorExit, TbSettings, TbUser } from "react-icons/tb";
+import useUser from "../../hooks/user.hook";
+import authService from "../../services/auth.service";
+
+const ActionAvatar = () => {
+  const { user } = useUser();
+
+  return (
+    <Menu position="bottom-start" withinPortal>
+      <Menu.Target>
+        <ActionIcon>
+          <Avatar size={28} />
+        </ActionIcon>
+      </Menu.Target>
+      <Menu.Dropdown>
+        <Menu.Item component={Link} href="/account" icon={<TbUser size={14} />}>
+          My account
+        </Menu.Item>
+        {user!.isAdmin && (
+          <Menu.Item
+            component={Link}
+            href="/admin"
+            icon={<TbSettings size={14} />}
+          >
+            Administration
+          </Menu.Item>
+        )}
+
+        <Menu.Item
+          onClick={async () => {
+            await authService.signOut();
+          }}
+          icon={<TbDoorExit size={14} />}
+        >
+          Sign out
+        </Menu.Item>
+      </Menu.Dropdown>
+    </Menu>
+  );
+};
+
+export default ActionAvatar;