restructured header tools slots

Author: arybakov05

packages/layout/slots/Header/Header.module.css

@@ -9,8 +9,6 @@
   } */
 
   .header-tools {
-    display: flex;
-    flex: 1 1 0;
-    flex-direction: row-reverse;
+    align-items: center;
   }
 }

packages/layout/slots/Header/Header.tsx

@@ -26,12 +26,7 @@ const Header = (props: HeaderProps) => {
       <SlotRenderer name="navigation" content={content} location={location} />
       <div className={clsx(styles['header-tools'], 'header-tools')}>
         <SlotRenderer
-          name="headertools"
-          content={content}
-          location={location}
-        />
-        <SlotRenderer
-          name="language-switcher"
+          name="headerTools"
           content={content}
           location={location}
         />

packages/layout/slots/HeaderTools/HeaderTools.tsx

@@ -0,0 +1,36 @@
+import SlotRenderer, { type SlotComponentProps } from '../SlotRenderer';
+import { useRouteLoaderData } from 'react-router';
+import type { RootLoader } from 'seven/app/root';
+
+const HeaderTools = (props: SlotComponentProps) => {
+  const rootData = useRouteLoaderData<RootLoader>('root');
+
+  if (!rootData) {
+    return null;
+  }
+
+  const { isAuthenticated } = rootData;
+  const { content, location } = props;
+
+  return (
+    <>
+      {isAuthenticated ? (
+        <SlotRenderer
+          name="siteActions"
+          content={content}
+          location={location}
+        />
+      ) : (
+        <SlotRenderer name="anontools" content={content} location={location} />
+      )}
+      <SlotRenderer
+        name="languageSwitcher"
+        content={content}
+        location={location}
+      />
+      <SlotRenderer name="searchWidget" content={content} location={location} />
+    </>
+  );
+};
+
+export default HeaderTools;

packages/layout/slots/LanguageSwitcher/LanguageSwitcher.tsx

@@ -36,7 +36,7 @@ const LanguageSwitcher = (props: LanguageSelectorProps) => {
       {availableLanguages.map((lang) => {
         return (
           <Link
-            aria-label={t('layout.languageSwitcher.switchTo', {
+            aria-label={t('layout.slots.tools.languageSwitcher.switchTo', {
               lang: langmap[lang]?.nativeName.toLowerCase(),
             })}
             className={clsx({