chore: heygermany customer project

apps/website/views/localized/app/company/layout.tsx

@@ -0,0 +1,65 @@
+import { AppShell, Flex, Text, Container, Button, Box } from '@pikku/mantine/core';
+import { useLocation, useNavigate, useParams } from '@tanstack/react-router';
+import { IconArrowLeft } from '@tabler/icons-react';
+import LanguageSelector from '@/components/ui/LanguageSelector';
+import Logo from '@/components/ui/Logo';
+import { useI18n } from '@/context/i18n-provider';
+
+interface CompanyLayoutProps {
+  children: React.ReactNode;
+}
+
+export default function CompanyLayout({ children }: CompanyLayoutProps) {
+  const pathname = useLocation({ select: (l) => l.pathname });
+  const navigate = useNavigate();
+  const params = useParams({ strict: false });
+  const t = useI18n();
+  const lang = params.lang as string;
+  const isDetailPage = pathname.includes('/company/candidate/');
+
+  return (
+    <AppShell
+      padding={0}
+      header={{ height: 80 }}
+      styles={{
+        main: {
+          backgroundColor: 'var(--mantine-color-gray-0)',
+        }
+      }}
+    >
+      <AppShell.Header>
+        {isDetailPage ? (
+          <Box style={{ borderBottom: '1px solid var(--mantine-color-gray-2)', height: '100%' }}>
+            <Container size="xl" h="100%">
+              <Flex align="center" justify="space-between" h="100%">
+                <Button
+                  variant="default"
+                  leftSection={<IconArrowLeft size={16} />}
+                  onClick={() => navigate({ to: `/${lang}/company/candidates` })}
+                >
+                  {t('company.navigation.backtosearch')}
+                </Button>
+                <LanguageSelector />
+              </Flex>
+            </Container>
+          </Box>
+        ) : (
+          <Flex align="center" justify="space-between" h="100%" px="xl">
+            <div>
+              <Logo size="sm" />
+              <Text size="sm" c="dimmed" mt={2}>
+                {t('company.navigation.tagline')}
+              </Text>
+            </div>
+
+            <Flex gap="sm" align="center">
+              <LanguageSelector />
+            </Flex>
+          </Flex>
+        )}
+      </AppShell.Header>
+
+      <AppShell.Main>{children}</AppShell.Main>
+    </AppShell>
+  );
+}