header stuff

components/layout/base.tsx

@@ -19,14 +19,18 @@ export const BaseLayout: FC<BaseLayoutProps> = ({ children }) => {
     <Flex flexDir="column" maxW={1200} margin="auto" minH="100vh">
       <Flex justifyContent="space-between" py={8}>
         <XataWordMarkIcon />
-        <Tooltip label={`Change theme to ${isDark ? 'light' : 'dark'}`} openDelay={500}>
-          <IconButton
-            aria-label="Change theme"
-            variant="ghost"
-            icon={<Icon as={isDark ? WeatherSunny20Filled : WeatherMoon20Filled} boxSize={5} />}
-            onClick={toggleColorMode}
-          />
-        </Tooltip>
+        <Flex gap={4} alignItems="center">
+          <Link href="https://xata.io/docs">Docs</Link>
+          <Link href="https://xata.io/docs">Examples</Link>
+          <Tooltip label={`Change theme to ${isDark ? 'light' : 'dark'}`} openDelay={500}>
+            <IconButton
+              aria-label="Change theme"
+              variant="ghost"
+              icon={<Icon as={isDark ? WeatherSunny20Filled : WeatherMoon20Filled} boxSize={5} />}
+              onClick={toggleColorMode}
+            />
+          </Tooltip>
+        </Flex>
       </Flex>
       <Flex flexDir="column" flex={1}>
         {children}

package.json

@@ -21,7 +21,7 @@
     "@fluentui/react-icons": "^2.0.208",
     "chroma-js": "^2.4.2",
     "next": "13.4.12",
-    "prettier": "^2.8.8",
+    "prettier": "^3.0.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "typescript": "5.1.6"