diff --git a/build-fetch-patch.js b/build-fetch-patch.js
index 70e88c14..d16f3f46 100644
--- a/build-fetch-patch.js
+++ b/build-fetch-patch.js
@@ -13,15 +13,34 @@
     if (!/keepsimple\.io/.test(url)) return _origFetch(input, init);
     try {
       const resp = await _origFetch(input, init);
-      const ct = (resp.headers && resp.headers.get && resp.headers.get('content-type')) || '';
+      const ct =
+        (resp.headers &&
+          resp.headers.get &&
+          resp.headers.get('content-type')) ||
+        '';
       if (!resp.ok || ct.startsWith('text/html')) {
-        console.warn('[build-fetch] non-JSON/!ok (', resp.status, ct, ') — empty data fallback for', url.slice(0, 100));
-        return new Response('{"data":[]}', { status: 200, headers: { 'content-type': 'application/json' } });
+        console.warn(
+          '[build-fetch] non-JSON/!ok (',
+          resp.status,
+          ct,
+          ') — empty data fallback for',
+          url.slice(0, 100),
+        );
+        return new Response('{"data":[]}', {
+          status: 200,
+          headers: { 'content-type': 'application/json' },
+        });
       }
       return resp;
     } catch (e) {
-      console.warn('[build-fetch] threw — empty data fallback:', e && e.message);
-      return new Response('{"data":[]}', { status: 200, headers: { 'content-type': 'application/json' } });
+      console.warn(
+        '[build-fetch] threw — empty data fallback:',
+        e && e.message,
+      );
+      return new Response('{"data":[]}', {
+        status: 200,
+        headers: { 'content-type': 'application/json' },
+      });
     }
   };
 })();
diff --git a/public/assets/tom/background.png b/public/assets/tom/background.png
new file mode 100644
index 00000000..3cf8f00a
Binary files /dev/null and b/public/assets/tom/background.png differ
diff --git a/public/assets/tom/tom_img.png b/public/assets/tom/tom_img.png
new file mode 100644
index 00000000..8bb5e991
Binary files /dev/null and b/public/assets/tom/tom_img.png differ
diff --git a/src/api/tomGpt.ts b/src/api/tomGpt.ts
new file mode 100644
index 00000000..ce218e74
--- /dev/null
+++ b/src/api/tomGpt.ts
@@ -0,0 +1,239 @@
+import { UxCatRoute } from './configs';
+
+export type TomGptErrorCode =
+  | 'RATE_LIMITED'
+  | 'SESSION_LIMIT_REACHED'
+  | 'OPENAI_RATE_LIMIT'
+  | 'UPSTREAM_ERROR'
+  | 'FEATURE_DISABLED'
+  | 'UNAUTHORIZED'
+  | 'CHAT_NOT_FOUND'
+  | 'NETWORK_ERROR'
+  | 'UNKNOWN_ERROR';
+
+export type TomGptResult<T> =
+  | { ok: true; data: T }
+  | { ok: false; code: TomGptErrorCode; status: number; message?: string };
+
+export interface TomChatListItem {
+  chatId: string;
+  createdAt: string;
+}
+
+export interface TomChatMessage {
+  role: 'user' | 'assistant' | 'system';
+  content: string;
+  createdAt?: string;
+}
+
+export type TomStreamEvent =
+  | { type: 'delta'; text: string }
+  | { type: 'done'; chatId?: string }
+  | { type: 'error'; code: TomGptErrorCode; message?: string };
+
+const trimSlash = (s: string) => s.replace(/\/+$/, '');
+const baseUrl = () => trimSlash(UxCatRoute || '');
+
+// UXCat NestJS middleware reads a custom `accessToken` header (raw JWT, no
+// "Bearer " prefix). Do NOT switch this to `Authorization` — middleware will
+// treat it as missing and return 401.
+const authHeader = (): Record<string, string> => {
+  if (typeof window === 'undefined') return {};
+  const token = localStorage.getItem('accessToken');
+  return token ? { accessToken: token } : {};
+};
+
+const statusToCode = (status: number): TomGptErrorCode => {
+  if (status === 401) return 'UNAUTHORIZED';
+  if (status === 403) return 'FEATURE_DISABLED';
+  if (status === 404) return 'CHAT_NOT_FOUND';
+  if (status === 429) return 'RATE_LIMITED';
+  if (status >= 500) return 'UPSTREAM_ERROR';
+  return 'UNKNOWN_ERROR';
+};
+
+const parseError = async (
+  res: Response,
+): Promise<{ code: TomGptErrorCode; status: number; message?: string }> => {
+  let body: any = null;
+  try {
+    body = await res.json();
+  } catch {
+    body = null;
+  }
+  const rawCode: string | undefined = body?.error?.code || body?.code;
+  return {
+    code: (rawCode as TomGptErrorCode) || statusToCode(res.status),
+    status: res.status,
+    message: body?.error?.message || body?.message,
+  };
+};
+
+const request = async <T>(
+  path: string,
+  init: RequestInit = {},
+): Promise<TomGptResult<T>> => {
+  try {
+    const res = await fetch(`${baseUrl()}${path}`, {
+      ...init,
+      headers: {
+        'Content-Type': 'application/json',
+        ...authHeader(),
+        ...(init.headers || {}),
+      },
+    });
+    if (!res.ok) return { ok: false, ...(await parseError(res)) };
+    const data = (await res.json()) as T;
+    return { ok: true, data };
+  } catch (e: any) {
+    return { ok: false, code: 'NETWORK_ERROR', status: 0, message: e?.message };
+  }
+};
+
+export const createTomChat = () =>
+  request<{ chatId: string; createdAt: string }>('/gpt/chats', {
+    method: 'POST',
+  });
+
+export const listTomChats = () =>
+  request<{ chats: TomChatListItem[] }>('/gpt/chats');
+
+export const getTomChatHistory = (chatId: string) =>
+  request<{ messages: TomChatMessage[] }>(
+    `/gpt/chats/${encodeURIComponent(chatId)}`,
+  );
+
+export const deleteTomChat = (chatId: string) =>
+  request<{ success: boolean }>(`/gpt/chats/${encodeURIComponent(chatId)}`, {
+    method: 'DELETE',
+  });
+
+// Parses an SSE byte stream into discrete `event`/`data` pairs. Splits on the
+// blank-line delimiter; `data:` lines accumulate (multi-line joined with \n).
+async function* parseSse(
+  res: Response,
+): AsyncGenerator<{ event: string; data: string }> {
+  if (!res.body) return;
+  const reader = res.body.getReader();
+  const decoder = new TextDecoder();
+  let buffer = '';
+  while (true) {
+    const { done, value } = await reader.read();
+    if (done) break;
+    buffer += decoder.decode(value, { stream: true });
+    let idx: number;
+    while ((idx = buffer.indexOf('\n\n')) !== -1) {
+      const block = buffer.slice(0, idx);
+      buffer = buffer.slice(idx + 2);
+      let event = 'message';
+      const dataLines: string[] = [];
+      for (const line of block.split('\n')) {
+        if (line.startsWith('event:')) event = line.slice(6).trim();
+        else if (line.startsWith('data:')) dataLines.push(line.slice(5).trim());
+      }
+      yield { event, data: dataLines.join('\n') };
+    }
+  }
+}
+
+// Backend examples show `data: {"text": "..."}`. We also accept a bare string
+// in case the wire format drifts.
+const parseDeltaText = (data: string): string => {
+  try {
+    const payload = JSON.parse(data);
+    if (typeof payload?.text === 'string') return payload.text;
+    if (typeof payload === 'string') return payload;
+  } catch {
+    return data;
+  }
+  return '';
+};
+
+// EventSource cannot send custom headers, and we need the `accessToken`
+// header, so we hand-roll the SSE parser on top of fetch + ReadableStream.
+export async function* sendTomMessage(
+  chatId: string,
+  message: string,
+  signal?: AbortSignal,
+): AsyncGenerator<TomStreamEvent> {
+  let res: Response;
+  try {
+    res = await fetch(
+      `${baseUrl()}/gpt/chats/${encodeURIComponent(chatId)}/messages`,
+      {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json',
+          ...authHeader(),
+        },
+        body: JSON.stringify({ message }),
+        signal,
+      },
+    );
+  } catch (e: any) {
+    yield { type: 'error', code: 'NETWORK_ERROR', message: e?.message };
+    return;
+  }
+
+  if (!res.ok) {
+    const err = await parseError(res);
+    yield { type: 'error', code: err.code, message: err.message };
+    return;
+  }
+
+  try {
+    for await (const { event, data } of parseSse(res)) {
+      if (event === 'delta') {
+        const text = parseDeltaText(data);
+        if (text) yield { type: 'delta', text };
+      } else if (event === 'done') {
+        let chatIdOut: string | undefined;
+        try {
+          const payload = JSON.parse(data);
+          chatIdOut = payload?.conversationId || payload?.chatId;
+        } catch {
+          // No payload — emit done anyway.
+        }
+        yield { type: 'done', chatId: chatIdOut };
+        return;
+      } else if (event === 'error') {
+        let code: TomGptErrorCode = 'UPSTREAM_ERROR';
+        let msg: string | undefined;
+        try {
+          const payload = JSON.parse(data);
+          if (payload?.code) code = payload.code as TomGptErrorCode;
+          if (payload?.message) msg = payload.message;
+        } catch {
+          // Malformed error payload — fall through with default code.
+        }
+        yield { type: 'error', code, message: msg };
+        return;
+      }
+    }
+  } catch (e: any) {
+    yield { type: 'error', code: 'NETWORK_ERROR', message: e?.message };
+  }
+}
+
+export const tomErrorCopy = (code: TomGptErrorCode): string => {
+  switch (code) {
+    case 'FEATURE_DISABLED':
+      return 'Tom GPT is not available on your account yet.';
+    case 'UNAUTHORIZED':
+      return 'Please sign in to use chat.';
+    case 'CHAT_NOT_FOUND':
+      return 'This chat no longer exists.';
+    case 'RATE_LIMITED':
+      return "You've reached today's message limit. Please come back tomorrow.";
+    case 'SESSION_LIMIT_REACHED':
+      return 'This chat has reached its message limit. Start a new chat to continue.';
+    case 'OPENAI_RATE_LIMIT':
+      return 'Too many messages, please slow down.';
+    case 'UPSTREAM_ERROR':
+      return 'Something went wrong. Try again in a moment.';
+    case 'NETWORK_ERROR':
+      return 'Network error. Check your connection.';
+    default:
+      return 'Something went wrong.';
+  }
+};
diff --git a/src/components/tom/TomChat.module.scss b/src/components/tom/TomChat.module.scss
new file mode 100644
index 00000000..fcafe7b0
--- /dev/null
+++ b/src/components/tom/TomChat.module.scss
@@ -0,0 +1,146 @@
+.root {
+  display: flex;
+  height: calc(100vh - 48px);
+  overflow: hidden;
+  background: var(--tom-bg);
+  position: relative;
+  z-index: 1;
+}
+
+.main {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  min-width: 0;
+  position: relative;
+  z-index: 1;
+}
+
+.mobileToggle {
+  position: absolute;
+  top: 12px;
+  left: 12px;
+  z-index: 5;
+  align-self: flex-start;
+  background: var(--tom-sidebar-bg);
+  border: 1px solid var(--tom-border);
+  border-radius: 8px;
+  padding: 6px;
+  cursor: pointer;
+  color: var(--tom-text-secondary);
+  display: flex;
+  align-items: center;
+  box-shadow: 0 1px 4px var(--tom-shadow);
+
+  &:hover {
+    color: var(--tom-text);
+    background: var(--tom-hover);
+  }
+}
+
+// Welcome screen
+.welcome {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 40px 24px;
+  text-align: center;
+  gap: 4px;
+  max-width: 780px;
+  width: 100%;
+}
+
+.welcomeAvatar {
+  width: 120px;
+  height: 120px;
+  border-radius: 50%;
+  object-fit: cover;
+  margin-bottom: 16px;
+}
+
+.welcomeTitle {
+  font-family: var(--tom-font-display);
+  font-size: 32px;
+  font-weight: 700;
+  margin: 0;
+  line-height: 1.2;
+}
+
+.welcomeSubtitle {
+  font-size: 15px;
+  color: var(--tom-text-secondary);
+  margin: 4px 0 12px;
+  font-style: italic;
+}
+
+.welcomeTagline {
+  font-size: 16px;
+  color: var(--tom-text);
+  line-height: 1.65;
+  margin: 0;
+}
+
+.banner {
+  width: 100%;
+  max-width: 780px;
+  margin: 12px auto 0;
+  padding: 10px 14px;
+  border-radius: 8px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  font-size: 14px;
+  line-height: 1.4;
+  background: rgba(220, 80, 80, 0.08);
+  border: 1px solid rgba(220, 80, 80, 0.35);
+  color: var(--tom-text);
+}
+
+.bannerClose {
+  background: none;
+  border: none;
+  color: inherit;
+  font-size: 20px;
+  line-height: 1;
+  cursor: pointer;
+  padding: 0 4px;
+  opacity: 0.7;
+
+  &:hover {
+    opacity: 1;
+  }
+}
+
+/* ── Tablet ── */
+@media (max-width: 1140px) {
+  .root {
+    height: calc(100vh - 55px);
+  }
+}
+
+/* ── Mobile ── */
+@media (max-width: 960px) {
+  .root {
+    height: calc(100dvh - 55px);
+    margin-top: 55px;
+  }
+}
+
+@media (max-width: 768px) {
+  .welcomeAvatar {
+    width: 90px;
+    height: 90px;
+  }
+
+  .welcomeTitle {
+    font-size: 26px;
+  }
+
+  .welcomeTagline {
+    font-size: 15px;
+  }
+}
diff --git a/src/components/tom/TomChat.tsx b/src/components/tom/TomChat.tsx
new file mode 100644
index 00000000..25b3b18d
--- /dev/null
+++ b/src/components/tom/TomChat.tsx
@@ -0,0 +1,165 @@
+import { FC, useEffect, useState } from 'react';
+
+import TomInput from './TomInput';
+import TomMessages from './TomMessages';
+import TomSidebar from './TomSidebar';
+import useTomChat from './useTomChat';
+
+import styles from './TomChat.module.scss';
+
+const TomChat: FC = () => {
+  const {
+    activeChat,
+    activeChatId,
+    todayChats,
+    recentChats,
+    canCreateChat,
+    isLoading,
+    isFeatureDisabled,
+    isDailyCapped,
+    lastError,
+    createChat,
+    selectChat,
+    deleteChat,
+    sendMessage,
+    dismissError,
+  } = useTomChat();
+
+  const [sidebarOpen, setSidebarOpen] = useState(true);
+
+  useEffect(() => {
+    const mq = window.matchMedia('(max-width: 768px)');
+    if (mq.matches) setSidebarOpen(false);
+
+    const handler = (e: MediaQueryListEvent) => {
+      if (e.matches) setSidebarOpen(false);
+      else setSidebarOpen(true);
+    };
+    mq.addEventListener('change', handler);
+    return () => mq.removeEventListener('change', handler);
+  }, []);
+
+  const handleSelectChat = (id: string) => {
+    selectChat(id);
+    if (window.innerWidth <= 768) setSidebarOpen(false);
+  };
+
+  const handleNewChat = () => {
+    createChat();
+    if (window.innerWidth <= 768) setSidebarOpen(false);
+  };
+
+  if (isFeatureDisabled) {
+    return (
+      <div className={`tom-root ${styles.root}`}>
+        <div className={styles.main}>
+          <div className={styles.welcome}>
+            <img
+              src="/assets/tom/tom_img.png"
+              alt="Friendly Tom"
+              className={styles.welcomeAvatar}
+            />
+            <h1 className={styles.welcomeTitle}>Friendly Tom</h1>
+            <p className={styles.welcomeSubtitle}>Because you matter</p>
+            <p className={styles.welcomeTagline}>
+              Longevity GPT is not available on your account yet.
+              <br />
+              Check back soon.
+            </p>
+          </div>
+        </div>
+      </div>
+    );
+  }
+
+  const hasMessages = activeChat && activeChat.messages.length > 0;
+  // Per Strapi feature-flag guidance: render entry point optimistically on
+  // first load — only a real 403 should disable. So isInitializing is not in
+  // this gate; it flows to the disabled-screen takeover via isFeatureDisabled.
+  const inputDisabled = isLoading || isDailyCapped;
+
+  return (
+    <div className={`tom-root ${styles.root}`}>
+      <TomSidebar
+        open={sidebarOpen}
+        onToggle={() => setSidebarOpen(prev => !prev)}
+        onClose={() => setSidebarOpen(false)}
+        todayChats={todayChats}
+        recentChats={recentChats}
+        activeChatId={activeChatId}
+        canCreateChat={canCreateChat}
+        onNewChat={handleNewChat}
+        onSelectChat={handleSelectChat}
+        onDeleteChat={deleteChat}
+      />
+
+      <div className={styles.main}>
+        {!sidebarOpen && (
+          <button
+            className={styles.mobileToggle}
+            onClick={() => setSidebarOpen(true)}
+            title="Open chat history"
+          >
+            <svg
+              width="18"
+              height="18"
+              viewBox="0 0 24 24"
+              fill="none"
+              stroke="currentColor"
+              strokeWidth="1.5"
+              strokeLinecap="round"
+              strokeLinejoin="round"
+            >
+              <rect x="3" y="3" width="18" height="18" rx="2" />
+              <line x1="9" y1="3" x2="9" y2="21" />
+            </svg>
+          </button>
+        )}
+
+        {lastError && (
+          <div className={styles.banner} role="alert">
+            <span>{lastError.message}</span>
+            <button
+              className={styles.bannerClose}
+              onClick={dismissError}
+              aria-label="Dismiss"
+            >
+              ×
+            </button>
+          </div>
+        )}
+
+        {hasMessages ? (
+          <TomMessages messages={activeChat.messages} isLoading={isLoading} />
+        ) : (
+          <div className={styles.welcome}>
+            <img
+              src="/assets/tom/tom_img.png"
+              alt="Friendly Tom"
+              className={styles.welcomeAvatar}
+            />
+            <h1 className={styles.welcomeTitle}>Friendly Tom</h1>
+            <p className={styles.welcomeSubtitle}>Because you matter</p>
+            <p className={styles.welcomeTagline}>
+              Do your best on living longer.
+              <br />
+              Enjoy watching your foes leave this world first.
+            </p>
+          </div>
+        )}
+
+        <TomInput
+          onSend={sendMessage}
+          disabled={inputDisabled}
+          disabledReason={
+            isDailyCapped
+              ? "You've reached today's message limit. Come back tomorrow."
+              : undefined
+          }
+        />
+      </div>
+    </div>
+  );
+};
+
+export default TomChat;
diff --git a/src/components/tom/TomInput.module.scss b/src/components/tom/TomInput.module.scss
new file mode 100644
index 00000000..a5b57054
--- /dev/null
+++ b/src/components/tom/TomInput.module.scss
@@ -0,0 +1,193 @@
+.wrapper {
+  padding: 0 20px 12px;
+  flex-shrink: 0;
+  max-width: 780px;
+  width: 100%;
+  margin: 0 auto;
+}
+
+.previews {
+  display: flex;
+  gap: 8px;
+  padding: 8px 0;
+  flex-wrap: wrap;
+}
+
+.preview {
+  position: relative;
+  border-radius: 8px;
+  overflow: hidden;
+  border: 1px solid var(--tom-border);
+}
+
+.previewImg {
+  height: 60px;
+  width: auto;
+  max-width: 100px;
+  object-fit: cover;
+  display: block;
+}
+
+.previewFile {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  padding: 6px 12px;
+  font-size: 12px;
+  color: var(--tom-text-secondary);
+  background: var(--tom-hover);
+
+  span {
+    max-width: 80px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+}
+
+.removeBtn {
+  position: absolute;
+  top: 2px;
+  right: 2px;
+  width: 18px;
+  height: 18px;
+  border-radius: 50%;
+  border: none;
+  background: rgba(0, 0, 0, 0.5);
+  color: #fff;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0;
+}
+
+.form {
+  display: flex;
+  align-items: flex-end;
+  gap: 0;
+  background: var(--tom-input-bg);
+  border: 1px solid var(--tom-border);
+  border-radius: 16px;
+  padding: 6px 8px;
+  box-shadow: 0 1px 4px var(--tom-shadow);
+}
+
+.fileInput {
+  display: none;
+}
+
+.attachBtn {
+  background: none;
+  border: none;
+  cursor: pointer;
+  color: var(--tom-text-muted);
+  padding: 6px;
+  border-radius: 8px;
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
+
+  &:hover {
+    color: var(--tom-text);
+    background: var(--tom-hover);
+  }
+}
+
+.textarea {
+  flex: 1;
+  border: none;
+  outline: none;
+  resize: none;
+  background: transparent;
+  font-family: var(--tom-font-body);
+  font-size: 15px;
+  line-height: 1.5;
+  color: var(--tom-text);
+  padding: 6px 4px;
+  max-height: 150px;
+
+  &::placeholder {
+    color: var(--tom-text-muted);
+  }
+
+  &:disabled {
+    opacity: 0.5;
+  }
+}
+
+.sendBtn {
+  background: none;
+  border: none;
+  cursor: pointer;
+  color: var(--tom-text-muted);
+  padding: 6px;
+  border-radius: 8px;
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
+  opacity: 0.4;
+  transition:
+    opacity 0.15s ease,
+    color 0.15s ease,
+    background 0.15s ease;
+
+  &:disabled {
+    cursor: not-allowed;
+  }
+}
+
+.sendActive {
+  opacity: 1;
+  color: var(--tom-text);
+
+  &:hover {
+    background: var(--tom-hover);
+  }
+}
+
+.footer {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 12px;
+  margin: 8px 0 0;
+}
+
+.disclaimer {
+  text-align: center;
+  font-size: 11.5px;
+  color: var(--tom-text-muted);
+  margin: 0;
+  padding: 0;
+}
+
+.counter {
+  font-size: 11.5px;
+  color: var(--tom-text-muted);
+  font-variant-numeric: tabular-nums;
+}
+
+.counterOver {
+  color: rgb(220, 80, 80);
+}
+
+/* ── Mobile ── */
+@media (max-width: 768px) {
+  .wrapper {
+    padding: 0 12px 8px;
+  }
+
+  .form {
+    border-radius: 14px;
+    padding: 4px 6px;
+  }
+
+  .textarea {
+    font-size: 14px;
+  }
+
+  .disclaimer {
+    font-size: 10.5px;
+  }
+}
diff --git a/src/components/tom/TomInput.tsx b/src/components/tom/TomInput.tsx
new file mode 100644
index 00000000..d2dd8f0d
--- /dev/null
+++ b/src/components/tom/TomInput.tsx
@@ -0,0 +1,256 @@
+import {
+  ClipboardEvent,
+  FC,
+  FormEvent,
+  KeyboardEvent,
+  useRef,
+  useState,
+} from 'react';
+
+import type { TomAttachment } from './types';
+
+import styles from './TomInput.module.scss';
+
+const MAX_CHARS = 4000;
+const COUNTER_VISIBLE_AT = 3500;
+
+interface Props {
+  onSend: (content: string, attachments?: TomAttachment[]) => void;
+  disabled: boolean;
+  disabledReason?: string;
+}
+
+function uid() {
+  return Date.now().toString(36) + Math.random().toString(36).slice(2, 8);
+}
+
+const ACCEPTED = 'image/png,image/jpeg,image/gif,image/webp,text/plain,.txt';
+
+const TomInput: FC<Props> = ({ onSend, disabled, disabledReason }) => {
+  const [text, setText] = useState('');
+  const [attachments, setAttachments] = useState<TomAttachment[]>([]);
+  const fileRef = useRef<HTMLInputElement>(null);
+  const textareaRef = useRef<HTMLTextAreaElement>(null);
+
+  const handleFile = (file: File) => {
+    if (file.type.startsWith('image/')) {
+      const reader = new FileReader();
+      reader.onload = () => {
+        setAttachments(prev => [
+          ...prev,
+          {
+            id: uid(),
+            name: file.name,
+            type: 'image',
+            dataUrl: reader.result as string,
+          },
+        ]);
+      };
+      reader.readAsDataURL(file);
+    } else if (file.type === 'text/plain' || file.name.endsWith('.txt')) {
+      const reader = new FileReader();
+      reader.onload = () => {
+        setAttachments(prev => [
+          ...prev,
+          {
+            id: uid(),
+            name: file.name,
+            type: 'text',
+            dataUrl: '',
+            content: reader.result as string,
+          },
+        ]);
+      };
+      reader.readAsText(file);
+    }
+  };
+
+  const removeAttachment = (id: string) => {
+    setAttachments(prev => prev.filter(a => a.id !== id));
+  };
+
+  const canSubmit =
+    !disabled && text.trim().length > 0 && text.length <= MAX_CHARS;
+
+  const handleSubmit = (e?: FormEvent) => {
+    e?.preventDefault();
+    if (!canSubmit) return;
+    onSend(text, attachments.length > 0 ? attachments : undefined);
+    setText('');
+    setAttachments([]);
+    if (textareaRef.current) {
+      textareaRef.current.style.height = 'auto';
+    }
+  };
+
+  const handlePaste = (e: ClipboardEvent<HTMLTextAreaElement>) => {
+    const items = e.clipboardData?.items;
+    if (!items) return;
+    for (const item of Array.from(items)) {
+      if (item.type.startsWith('image/')) {
+        e.preventDefault();
+        const file = item.getAsFile();
+        if (file) handleFile(file);
+        return;
+      }
+    }
+  };
+
+  const handleKeyDown = (e: KeyboardEvent<HTMLTextAreaElement>) => {
+    if (e.key === 'Enter' && !e.shiftKey) {
+      e.preventDefault();
+      handleSubmit();
+    }
+  };
+
+  const autoResize = () => {
+    const el = textareaRef.current;
+    if (!el) return;
+    el.style.height = 'auto';
+    el.style.height = Math.min(el.scrollHeight, 150) + 'px';
+  };
+
+  const handleTextChange = (value: string) => {
+    // Hard-cap at MAX_CHARS so a paste of 10k characters can't ever bypass.
+    setText(value.length > MAX_CHARS ? value.slice(0, MAX_CHARS) : value);
+    autoResize();
+  };
+
+  const showCounter = text.length >= COUNTER_VISIBLE_AT;
+  const overLimit = text.length >= MAX_CHARS;
+
+  return (
+    <div className={styles.wrapper}>
+      {attachments.length > 0 && (
+        <div className={styles.previews}>
+          {attachments.map(a => (
+            <div key={a.id} className={styles.preview}>
+              {a.type === 'image' ? (
+                <img
+                  src={a.dataUrl}
+                  alt={a.name}
+                  className={styles.previewImg}
+                />
+              ) : (
+                <div className={styles.previewFile}>
+                  <svg
+                    width="14"
+                    height="14"
+                    viewBox="0 0 24 24"
+                    fill="none"
+                    stroke="currentColor"
+                    strokeWidth="1.5"
+                  >
+                    <path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z" />
+                    <polyline points="14 2 14 8 20 8" />
+                  </svg>
+                  <span>{a.name}</span>
+                </div>
+              )}
+              <button
+                className={styles.removeBtn}
+                onClick={() => removeAttachment(a.id)}
+              >
+                <svg
+                  width="12"
+                  height="12"
+                  viewBox="0 0 24 24"
+                  fill="none"
+                  stroke="currentColor"
+                  strokeWidth="2"
+                >
+                  <line x1="18" y1="6" x2="6" y2="18" />
+                  <line x1="6" y1="6" x2="18" y2="18" />
+                </svg>
+              </button>
+            </div>
+          ))}
+        </div>
+      )}
+
+      <form className={styles.form} onSubmit={handleSubmit}>
+        <button
+          type="button"
+          className={styles.attachBtn}
+          onClick={() => fileRef.current?.click()}
+          title="Attach image or .txt file"
+          disabled={disabled}
+        >
+          <svg
+            width="20"
+            height="20"
+            viewBox="0 0 24 24"
+            fill="none"
+            stroke="currentColor"
+            strokeWidth="1.5"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+          >
+            <path d="M21.44 11.05l-9.19 9.19a6 6 0 01-8.49-8.49l9.19-9.19a4 4 0 015.66 5.66l-9.2 9.19a2 2 0 01-2.83-2.83l8.49-8.48" />
+          </svg>
+        </button>
+
+        <input
+          ref={fileRef}
+          type="file"
+          accept={ACCEPTED}
+          className={styles.fileInput}
+          onChange={e => {
+            const file = e.target.files?.[0];
+            if (file) handleFile(file);
+            e.target.value = '';
+          }}
+        />
+
+        <textarea
+          ref={textareaRef}
+          className={styles.textarea}
+          value={text}
+          onChange={e => handleTextChange(e.target.value)}
+          onKeyDown={handleKeyDown}
+          onPaste={handlePaste}
+          placeholder={disabledReason ?? 'Ask anything...'}
+          rows={1}
+          maxLength={MAX_CHARS}
+          disabled={disabled}
+          aria-invalid={overLimit || undefined}
+        />
+
+        <button
+          type="submit"
+          className={`${styles.sendBtn} ${canSubmit ? styles.sendActive : ''}`}
+          disabled={!canSubmit}
+          title="Send message"
+        >
+          <svg
+            width="20"
+            height="20"
+            viewBox="0 0 24 24"
+            fill="none"
+            stroke="currentColor"
+            strokeWidth="1.5"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+          >
+            <line x1="22" y1="2" x2="11" y2="13" />
+            <polygon points="22 2 15 22 11 13 2 9 22 2" />
+          </svg>
+        </button>
+      </form>
+
+      <div className={styles.footer}>
+        <p className={styles.disclaimer}>AI may make mistakes.</p>
+        {showCounter && (
+          <span
+            className={`${styles.counter} ${overLimit ? styles.counterOver : ''}`}
+            aria-live="polite"
+          >
+            {text.length} / {MAX_CHARS}
+          </span>
+        )}
+      </div>
+    </div>
+  );
+};
+
+export default TomInput;
diff --git a/src/components/tom/TomMessages.module.scss b/src/components/tom/TomMessages.module.scss
new file mode 100644
index 00000000..a1594414
--- /dev/null
+++ b/src/components/tom/TomMessages.module.scss
@@ -0,0 +1,147 @@
+.container {
+  flex: 1;
+  overflow-y: auto;
+  padding: 24px 20px 8px;
+  display: flex;
+  flex-direction: column;
+  gap: 20px;
+  max-width: 780px;
+  width: 100%;
+  margin: 0 auto;
+}
+
+.row {
+  display: flex;
+  align-items: flex-end;
+  gap: 10px;
+  max-width: 75%;
+}
+
+.rowUser {
+  align-self: flex-end;
+  flex-direction: row-reverse;
+}
+
+.rowBot {
+  align-self: flex-start;
+}
+
+.avatar {
+  width: 36px;
+  height: 36px;
+  border-radius: 50%;
+  object-fit: cover;
+  flex-shrink: 0;
+}
+
+.bubble {
+  padding: 10px 16px;
+  border-radius: 14px;
+  font-size: 14.5px;
+  line-height: 1.55;
+  position: relative;
+  word-wrap: break-word;
+  overflow-wrap: break-word;
+
+  .rowBot & {
+    background: var(--tom-bubble-bot);
+    color: var(--tom-text);
+    box-shadow: 0 1px 3px var(--tom-shadow);
+    border-bottom-left-radius: 4px;
+  }
+
+  .rowUser & {
+    background: var(--tom-bubble-user);
+    color: var(--tom-text-light);
+    border-bottom-right-radius: 4px;
+  }
+}
+
+.text {
+  white-space: pre-wrap;
+}
+
+.time {
+  font-size: 11px;
+  margin-top: 4px;
+  opacity: 0.5;
+
+  .rowUser & {
+    text-align: right;
+  }
+}
+
+// Attachments
+.attachment {
+  margin-bottom: 6px;
+}
+
+.attachImg {
+  max-width: 260px;
+  max-height: 200px;
+  border-radius: 8px;
+  display: block;
+}
+
+.attachFile {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  padding: 4px 10px;
+  border-radius: 6px;
+  font-size: 12.5px;
+  background: rgba(0, 0, 0, 0.06);
+
+  .rowUser & {
+    background: rgba(255, 255, 255, 0.12);
+  }
+}
+
+// Typing indicator
+.typing {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  padding: 12px 18px;
+  min-width: 60px;
+}
+
+.dot {
+  width: 7px;
+  height: 7px;
+  border-radius: 50%;
+  background: var(--tom-text-muted);
+  animation: tom-bounce 1.2s ease-in-out infinite;
+
+  &:nth-child(2) {
+    animation-delay: 0.15s;
+  }
+  &:nth-child(3) {
+    animation-delay: 0.3s;
+  }
+}
+
+/* ── Mobile ── */
+@media (max-width: 768px) {
+  .container {
+    padding: 16px 12px 8px;
+  }
+
+  .row {
+    max-width: 88%;
+  }
+
+  .avatar {
+    width: 30px;
+    height: 30px;
+  }
+
+  .bubble {
+    font-size: 14px;
+    padding: 9px 14px;
+  }
+
+  .attachImg {
+    max-width: 200px;
+  }
+}
diff --git a/src/components/tom/TomMessages.tsx b/src/components/tom/TomMessages.tsx
new file mode 100644
index 00000000..d1105a95
--- /dev/null
+++ b/src/components/tom/TomMessages.tsx
@@ -0,0 +1,135 @@
+import { FC, ReactNode, useEffect, useRef } from 'react';
+
+import type { TomMessage } from './types';
+
+import styles from './TomMessages.module.scss';
+
+interface Props {
+  messages: TomMessage[];
+  isLoading: boolean;
+}
+
+function formatTime(ts: number) {
+  return new Date(ts).toLocaleTimeString([], {
+    hour: '2-digit',
+    minute: '2-digit',
+  });
+}
+
+/** Parse **bold** markers into <strong> elements */
+function renderText(text: string): ReactNode[] {
+  const parts = text.split(/(\*\*[^*]+\*\*)/g);
+  return parts.map((part, i) => {
+    if (part.startsWith('**') && part.endsWith('**')) {
+      return <strong key={i}>{part.slice(2, -2)}</strong>;
+    }
+    return part;
+  });
+}
+
+const TomMessages: FC<Props> = ({ messages, isLoading }) => {
+  const bottomRef = useRef<HTMLDivElement>(null);
+
+  useEffect(() => {
+    bottomRef.current?.scrollIntoView({ behavior: 'smooth' });
+  }, [messages, isLoading]);
+
+  return (
+    <div className={styles.container}>
+      {messages.map(msg => {
+        // Hide the empty assistant placeholder while typing dots are shown
+        if (msg.role === 'assistant' && !msg.content && isLoading) return null;
+
+        return (
+          <div
+            key={msg.id}
+            className={`${styles.row} ${msg.role === 'user' ? styles.rowUser : styles.rowBot}`}
+          >
+            {msg.role === 'assistant' && (
+              <img
+                src="/assets/tom/tom_img.png"
+                alt="Tom"
+                className={styles.avatar}
+              />
+            )}
+            <div className={styles.bubble}>
+              {/* Attachments */}
+              {msg.attachments?.map(a => (
+                <div key={a.id} className={styles.attachment}>
+                  {a.type === 'image' ? (
+                    a.dataUrl ? (
+                      <img
+                        src={a.dataUrl}
+                        alt={a.name}
+                        className={styles.attachImg}
+                      />
+                    ) : (
+                      <div className={styles.attachFile}>
+                        <svg
+                          width="14"
+                          height="14"
+                          viewBox="0 0 24 24"
+                          fill="none"
+                          stroke="currentColor"
+                          strokeWidth="1.5"
+                        >
+                          <rect x="3" y="3" width="18" height="18" rx="2" />
+                          <circle cx="8.5" cy="8.5" r="1.5" />
+                          <polyline points="21 15 16 10 5 21" />
+                        </svg>
+                        {a.name}
+                      </div>
+                    )
+                  ) : (
+                    <div className={styles.attachFile}>
+                      <svg
+                        width="14"
+                        height="14"
+                        viewBox="0 0 24 24"
+                        fill="none"
+                        stroke="currentColor"
+                        strokeWidth="1.5"
+                      >
+                        <path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z" />
+                        <polyline points="14 2 14 8 20 8" />
+                      </svg>
+                      {a.name}
+                    </div>
+                  )}
+                </div>
+              ))}
+              {msg.content && (
+                <div className={styles.text}>{renderText(msg.content)}</div>
+              )}
+              <div className={styles.time}>{formatTime(msg.timestamp)}</div>
+            </div>
+          </div>
+        );
+      })}
+
+      {/* Typing indicator */}
+      {isLoading &&
+        (!messages.length ||
+          messages[messages.length - 1]?.role === 'user' ||
+          (messages[messages.length - 1]?.role === 'assistant' &&
+            !messages[messages.length - 1]?.content)) && (
+          <div className={`${styles.row} ${styles.rowBot}`}>
+            <img
+              src="/assets/tom/tom_img.png"
+              alt="Tom"
+              className={styles.avatar}
+            />
+            <div className={`${styles.bubble} ${styles.typing}`}>
+              <span className={styles.dot} />
+              <span className={styles.dot} />
+              <span className={styles.dot} />
+            </div>
+          </div>
+        )}
+
+      <div ref={bottomRef} />
+    </div>
+  );
+};
+
+export default TomMessages;
diff --git a/src/components/tom/TomSidebar.module.scss b/src/components/tom/TomSidebar.module.scss
new file mode 100644
index 00000000..2563304c
--- /dev/null
+++ b/src/components/tom/TomSidebar.module.scss
@@ -0,0 +1,197 @@
+.backdrop {
+  display: none;
+}
+
+.sidebar {
+  width: 250px;
+  min-width: 250px;
+  height: 100%;
+  background: var(--tom-sidebar-bg);
+  border-right: 1px solid var(--tom-border);
+  display: flex;
+  flex-direction: column;
+  transition:
+    margin-left 0.25s ease,
+    opacity 0.25s ease;
+  z-index: 10;
+  position: relative;
+
+  &.closed {
+    margin-left: -250px;
+    opacity: 0;
+    pointer-events: none;
+  }
+}
+
+.header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 14px 16px;
+  gap: 8px;
+}
+
+.identity {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+}
+
+.avatar {
+  width: 32px;
+  height: 32px;
+  border-radius: 50%;
+  object-fit: cover;
+}
+
+.name {
+  font-family: var(--tom-font-display);
+  font-weight: 600;
+  font-size: 15px;
+}
+
+.collapseBtn {
+  background: none;
+  border: none;
+  cursor: pointer;
+  color: var(--tom-text-secondary);
+  padding: 4px;
+  border-radius: 4px;
+  display: flex;
+  align-items: center;
+
+  &:hover {
+    color: var(--tom-text);
+    background: var(--tom-hover);
+  }
+}
+
+.newChat {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin: 0 12px 12px;
+  padding: 10px 14px;
+  background: none;
+  border: 1px solid var(--tom-border);
+  border-radius: 8px;
+  cursor: pointer;
+  font-family: var(--tom-font-body);
+  font-size: 14px;
+  color: var(--tom-text);
+  transition: background 0.15s ease;
+
+  &:hover:not(:disabled) {
+    background: var(--tom-hover);
+  }
+
+  &:disabled {
+    opacity: 0.4;
+    cursor: not-allowed;
+  }
+}
+
+.chatLists {
+  flex: 1;
+  overflow-y: auto;
+  padding: 0 12px 12px;
+}
+
+.section {
+  margin-bottom: 8px;
+}
+
+.sectionLabel {
+  font-size: 11px;
+  font-weight: 600;
+  letter-spacing: 0.05em;
+  color: var(--tom-text-muted);
+  padding: 8px 8px 4px;
+  text-transform: uppercase;
+}
+
+.chatItem {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 8px 10px;
+  border-radius: 6px;
+  cursor: pointer;
+  gap: 4px;
+  transition: background 0.12s ease;
+
+  &:hover {
+    background: var(--tom-hover);
+
+    .deleteBtn {
+      opacity: 1;
+    }
+  }
+}
+
+.chatItemActive {
+  background: var(--tom-active);
+
+  .deleteBtn {
+    opacity: 0.6;
+  }
+}
+
+.chatTitle {
+  font-size: 13.5px;
+  color: var(--tom-text-secondary);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  flex: 1;
+  min-width: 0;
+}
+
+.deleteBtn {
+  background: none;
+  border: none;
+  cursor: pointer;
+  color: var(--tom-text-muted);
+  padding: 2px;
+  border-radius: 4px;
+  opacity: 0;
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  transition: opacity 0.12s ease;
+
+  &:hover {
+    color: var(--tom-text);
+  }
+}
+
+/* ── Mobile ── */
+@media (max-width: 768px) {
+  .backdrop {
+    display: block;
+    position: fixed;
+    inset: 0;
+    background: rgba(0, 0, 0, 0.35);
+    z-index: 19;
+  }
+
+  .sidebar {
+    position: fixed;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    z-index: 20;
+    box-shadow: 4px 0 20px rgba(0, 0, 0, 0.15);
+
+    &.closed {
+      margin-left: 0;
+      transform: translateX(-100%);
+      opacity: 1;
+      pointer-events: none;
+    }
+
+    &.open {
+      transform: translateX(0);
+    }
+  }
+}
diff --git a/src/components/tom/TomSidebar.tsx b/src/components/tom/TomSidebar.tsx
new file mode 100644
index 00000000..ea263cd7
--- /dev/null
+++ b/src/components/tom/TomSidebar.tsx
@@ -0,0 +1,169 @@
+import { FC } from 'react';
+
+import type { TomChat } from './types';
+
+import styles from './TomSidebar.module.scss';
+
+interface Props {
+  open: boolean;
+  onToggle: () => void;
+  onClose: () => void;
+  todayChats: TomChat[];
+  recentChats: TomChat[];
+  activeChatId: string | null;
+  canCreateChat: boolean;
+  onNewChat: () => void;
+  onSelectChat: (id: string) => void;
+  onDeleteChat: (id: string) => void;
+}
+
+const TomSidebar: FC<Props> = ({
+  open,
+  onToggle,
+  onClose,
+  todayChats,
+  recentChats,
+  activeChatId,
+  canCreateChat,
+  onNewChat,
+  onSelectChat,
+  onDeleteChat,
+}) => {
+  return (
+    <>
+      {/* Mobile overlay backdrop */}
+      {open && <div className={styles.backdrop} onClick={onClose} />}
+
+      <aside
+        className={`${styles.sidebar} ${open ? styles.open : styles.closed}`}
+      >
+        {/* Header */}
+        <div className={styles.header}>
+          <div className={styles.identity}>
+            <img
+              src="/assets/tom/tom_img.png"
+              alt="Tom"
+              className={styles.avatar}
+            />
+            <span className={styles.name}>Friendly Tom</span>
+          </div>
+          <button
+            className={styles.collapseBtn}
+            onClick={onToggle}
+            title="Collapse sidebar"
+          >
+            <svg
+              width="18"
+              height="18"
+              viewBox="0 0 24 24"
+              fill="none"
+              stroke="currentColor"
+              strokeWidth="1.5"
+              strokeLinecap="round"
+              strokeLinejoin="round"
+            >
+              <rect x="3" y="3" width="18" height="18" rx="2" />
+              <line x1="9" y1="3" x2="9" y2="21" />
+            </svg>
+          </button>
+        </div>
+
+        {/* New Chat */}
+        <button
+          className={styles.newChat}
+          onClick={onNewChat}
+          disabled={!canCreateChat}
+          title="New Chat"
+        >
+          <svg
+            width="16"
+            height="16"
+            viewBox="0 0 24 24"
+            fill="none"
+            stroke="currentColor"
+            strokeWidth="1.5"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+          >
+            <path d="M12 20h9" />
+            <path d="M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z" />
+          </svg>
+          New Chat
+        </button>
+
+        {/* Chat lists */}
+        <div className={styles.chatLists}>
+          {todayChats.length > 0 && (
+            <div className={styles.section}>
+              <div className={styles.sectionLabel}>TODAY</div>
+              {todayChats.map(chat => (
+                <ChatItem
+                  key={chat.id}
+                  chat={chat}
+                  active={chat.id === activeChatId}
+                  onSelect={onSelectChat}
+                  onDelete={onDeleteChat}
+                />
+              ))}
+            </div>
+          )}
+
+          {recentChats.length > 0 && (
+            <div className={styles.section}>
+              <div className={styles.sectionLabel}>RECENTS</div>
+              {recentChats.map(chat => (
+                <ChatItem
+                  key={chat.id}
+                  chat={chat}
+                  active={chat.id === activeChatId}
+                  onSelect={onSelectChat}
+                  onDelete={onDeleteChat}
+                />
+              ))}
+            </div>
+          )}
+        </div>
+      </aside>
+    </>
+  );
+};
+
+const ChatItem: FC<{
+  chat: TomChat;
+  active: boolean;
+  onSelect: (id: string) => void;
+  onDelete: (id: string) => void;
+}> = ({ chat, active, onSelect, onDelete }) => (
+  <div
+    className={`${styles.chatItem} ${active ? styles.chatItemActive : ''}`}
+    onClick={() => onSelect(chat.id)}
+  >
+    <span className={styles.chatTitle}>{chat.title}</span>
+    <button
+      className={styles.deleteBtn}
+      onClick={e => {
+        e.stopPropagation();
+        if (window.confirm('Delete this chat? This cannot be undone.')) {
+          onDelete(chat.id);
+        }
+      }}
+      title="Delete chat"
+    >
+      <svg
+        width="14"
+        height="14"
+        viewBox="0 0 24 24"
+        fill="none"
+        stroke="currentColor"
+        strokeWidth="1.5"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      >
+        <line x1="18" y1="6" x2="6" y2="18" />
+        <line x1="6" y1="6" x2="18" y2="18" />
+      </svg>
+    </button>
+  </div>
+);
+
+export default TomSidebar;
diff --git a/src/components/tom/types.ts b/src/components/tom/types.ts
new file mode 100644
index 00000000..8bba1be4
--- /dev/null
+++ b/src/components/tom/types.ts
@@ -0,0 +1,32 @@
+export interface TomAttachment {
+  id: string;
+  name: string;
+  type: 'image' | 'text';
+  dataUrl: string;
+  content?: string;
+}
+
+export interface TomMessage {
+  id: string;
+  role: 'user' | 'assistant';
+  content: string;
+  timestamp: number;
+  attachments?: TomAttachment[];
+  // Set when the assistant message ended in an error — UI can render a retry
+  // affordance against the offending user message.
+  errored?: boolean;
+}
+
+export interface TomChat {
+  // Server-issued conversation id. Persisted across reloads.
+  id: string;
+  title: string;
+  // Empty until the chat is opened — history is fetched on demand.
+  messages: TomMessage[];
+  // Numeric epoch for sorting; derived from server `createdAt` string.
+  createdAt: number;
+  updatedAt: number;
+  // Marks chats that we have already fetched history for, so we don't refetch
+  // on every selection.
+  historyLoaded?: boolean;
+}
diff --git a/src/components/tom/useTomChat.ts b/src/components/tom/useTomChat.ts
new file mode 100644
index 00000000..d48a09e1
--- /dev/null
+++ b/src/components/tom/useTomChat.ts
@@ -0,0 +1,333 @@
+import { useCallback, useEffect, useRef, useState } from 'react';
+
+import {
+  createTomChat,
+  deleteTomChat,
+  getTomChatHistory,
+  listTomChats,
+  sendTomMessage,
+  tomErrorCopy,
+  TomGptErrorCode,
+} from '@api/tomGpt';
+
+import type { TomAttachment, TomChat, TomMessage } from './types';
+
+const MESSAGE_MAX = 4000;
+
+function uid() {
+  return Date.now().toString(36) + Math.random().toString(36).slice(2, 8);
+}
+
+function parseCreatedAt(s: string): number {
+  const t = Date.parse(s);
+  return Number.isFinite(t) ? t : Date.now();
+}
+
+function startOfDay(d = new Date()) {
+  return new Date(d.getFullYear(), d.getMonth(), d.getDate()).getTime();
+}
+
+function defaultTitleFor(createdAt: number): string {
+  return new Date(createdAt).toLocaleString([], {
+    month: 'short',
+    day: 'numeric',
+    hour: '2-digit',
+    minute: '2-digit',
+  });
+}
+
+export interface TransientError {
+  code: TomGptErrorCode;
+  message: string;
+}
+
+export default function useTomChat() {
+  const [chats, setChats] = useState<TomChat[]>([]);
+  const [activeChatId, setActiveChatId] = useState<string | null>(null);
+  const [isLoading, setIsLoading] = useState(false);
+  const [isFeatureDisabled, setIsFeatureDisabled] = useState(false);
+  const [isDailyCapped, setIsDailyCapped] = useState(false);
+  const [lastError, setLastError] = useState<TransientError | null>(null);
+  const [isInitializing, setIsInitializing] = useState(true);
+
+  const chatsRef = useRef(chats);
+  chatsRef.current = chats;
+
+  // Any 403 reached: treat the feature as off for this session.
+  const handleErrorCode = useCallback((code: TomGptErrorCode) => {
+    if (code === 'FEATURE_DISABLED') setIsFeatureDisabled(true);
+  }, []);
+
+  // Fetch the chat list once on mount.
+  useEffect(() => {
+    let cancelled = false;
+    (async () => {
+      const res = await listTomChats();
+      if (cancelled) return;
+      if ('code' in res) {
+        handleErrorCode(res.code);
+        if (res.code !== 'FEATURE_DISABLED') {
+          setLastError({ code: res.code, message: tomErrorCopy(res.code) });
+        }
+        setIsInitializing(false);
+        return;
+      }
+      const items = [...res.data.chats]
+        .map(c => {
+          const ts = parseCreatedAt(c.createdAt);
+          return {
+            id: c.chatId,
+            title: defaultTitleFor(ts),
+            messages: [],
+            createdAt: ts,
+            updatedAt: ts,
+            historyLoaded: false,
+          } as TomChat;
+        })
+        .sort((a, b) => b.updatedAt - a.updatedAt);
+      setChats(items);
+      setIsInitializing(false);
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, [handleErrorCode]);
+
+  const activeChat = chats.find(c => c.id === activeChatId) ?? null;
+
+  const todayStart = startOfDay();
+  const todayChats = chats
+    .filter(c => c.createdAt >= todayStart)
+    .sort((a, b) => b.updatedAt - a.updatedAt);
+  const recentChats = chats
+    .filter(c => c.createdAt < todayStart)
+    .sort((a, b) => b.updatedAt - a.updatedAt);
+
+  const canInteract = !isFeatureDisabled && !isInitializing;
+  const canCreateChat = canInteract;
+
+  const createChat = useCallback(async (): Promise<TomChat | null> => {
+    if (!canInteract) return null;
+    const res = await createTomChat();
+    if ('code' in res) {
+      handleErrorCode(res.code);
+      if (res.code !== 'FEATURE_DISABLED') {
+        setLastError({ code: res.code, message: tomErrorCopy(res.code) });
+      }
+      return null;
+    }
+    const now = Date.now();
+    const chat: TomChat = {
+      id: res.data.chatId,
+      title: defaultTitleFor(now),
+      messages: [],
+      createdAt: now,
+      updatedAt: now,
+      historyLoaded: true, // freshly created — only the seed message exists, which we hide
+    };
+    setChats(prev => [chat, ...prev]);
+    setActiveChatId(chat.id);
+    return chat;
+  }, [canInteract, handleErrorCode]);
+
+  // Pull full history for a chat and hydrate its messages. System messages
+  // and empty-content items (legacy KB-seed input_file etc.) are dropped;
+  // we additionally skip the leading assistant welcome message that v1
+  // seeds on conversation create. v2 returns an empty array for new chats
+  // so this filter is a no-op there.
+  const loadHistory = useCallback(
+    async (chatId: string) => {
+      const res = await getTomChatHistory(chatId);
+      if ('code' in res) {
+        handleErrorCode(res.code);
+        if (res.code !== 'FEATURE_DISABLED') {
+          setLastError({ code: res.code, message: tomErrorCopy(res.code) });
+        }
+        return;
+      }
+      const visible: TomMessage[] = [];
+      let droppedSeedAssistant = false;
+      for (const item of res.data.messages) {
+        if (item.role === 'system') continue;
+        const text = item.content;
+        if (!text) continue;
+        if (
+          !droppedSeedAssistant &&
+          item.role === 'assistant' &&
+          visible.length === 0
+        ) {
+          droppedSeedAssistant = true;
+          continue;
+        }
+        visible.push({
+          id: uid(),
+          role: item.role as 'user' | 'assistant',
+          content: text,
+          timestamp: Date.now(),
+        });
+      }
+      setChats(prev =>
+        prev.map(c => {
+          if (c.id !== chatId) return c;
+          const firstUser = visible.find(m => m.role === 'user');
+          return {
+            ...c,
+            messages: visible,
+            title: firstUser ? firstUser.content.slice(0, 50) : c.title,
+            historyLoaded: true,
+          };
+        }),
+      );
+    },
+    [handleErrorCode],
+  );
+
+  const selectChat = useCallback(
+    (id: string) => {
+      setActiveChatId(id);
+      const target = chatsRef.current.find(c => c.id === id);
+      if (target && !target.historyLoaded) loadHistory(id);
+    },
+    [loadHistory],
+  );
+
+  const deleteChat = useCallback(
+    async (id: string) => {
+      // Optimistic removal; restore if the server rejects with anything other
+      // than 404 (404 means it's already gone — treat as success).
+      const previous = chatsRef.current;
+      setChats(prev => prev.filter(c => c.id !== id));
+      if (activeChatId === id) setActiveChatId(null);
+
+      const res = await deleteTomChat(id);
+      if ('code' in res && res.code !== 'CHAT_NOT_FOUND') {
+        handleErrorCode(res.code);
+        if (res.code !== 'FEATURE_DISABLED') {
+          setLastError({ code: res.code, message: tomErrorCopy(res.code) });
+        }
+        setChats(previous);
+      }
+    },
+    [activeChatId, handleErrorCode],
+  );
+
+  const sendMessage = useCallback(
+    async (content: string, attachments?: TomAttachment[]) => {
+      const trimmed = content.trim();
+      if (!trimmed) return; // Backend requires non-empty `message`.
+      if (trimmed.length > MESSAGE_MAX) return; // Input enforces this too.
+      if (!canInteract || isDailyCapped) return;
+
+      // Auto-create a conversation if none is active.
+      let chatId = activeChatId;
+      if (!chatId) {
+        const newChat = await createChat();
+        if (!newChat) return;
+        chatId = newChat.id;
+      }
+
+      const userMsg: TomMessage = {
+        id: uid(),
+        role: 'user',
+        content: trimmed,
+        timestamp: Date.now(),
+        // Attachments are kept client-side only until backend support lands.
+        attachments: attachments?.length ? attachments : undefined,
+      };
+      const assistantMsg: TomMessage = {
+        id: uid(),
+        role: 'assistant',
+        content: '',
+        timestamp: Date.now(),
+      };
+
+      setChats(prev =>
+        prev.map(c => {
+          if (c.id !== chatId) return c;
+          return {
+            ...c,
+            messages: [...c.messages, userMsg, assistantMsg],
+            title: c.messages.length === 0 ? trimmed.slice(0, 50) : c.title,
+            updatedAt: Date.now(),
+          };
+        }),
+      );
+
+      setIsLoading(true);
+
+      // Stream consumer. Yields incremental `delta` events terminated by
+      // `done` or `error`.
+      let accumulated = '';
+      for await (const ev of sendTomMessage(chatId, trimmed)) {
+        if (ev.type === 'delta') {
+          accumulated += ev.text;
+          setChats(prev =>
+            prev.map(c => {
+              if (c.id !== chatId) return c;
+              return {
+                ...c,
+                messages: c.messages.map(m =>
+                  m.id === assistantMsg.id ? { ...m, content: accumulated } : m,
+                ),
+              };
+            }),
+          );
+        } else if (ev.type === 'error') {
+          handleErrorCode(ev.code);
+          const message = ev.message || tomErrorCopy(ev.code);
+          if (ev.code !== 'FEATURE_DISABLED') {
+            setLastError({ code: ev.code, message });
+          }
+          if (ev.code === 'RATE_LIMITED') setIsDailyCapped(true);
+          setChats(prev =>
+            prev.map(c => {
+              if (c.id !== chatId) return c;
+              return {
+                ...c,
+                messages: c.messages.map(m =>
+                  m.id === assistantMsg.id
+                    ? {
+                        ...m,
+                        content: accumulated || message,
+                        errored: true,
+                      }
+                    : m,
+                ),
+              };
+            }),
+          );
+        } else if (ev.type === 'done') {
+          setChats(prev =>
+            prev.map(c =>
+              c.id === chatId ? { ...c, updatedAt: Date.now() } : c,
+            ),
+          );
+        }
+      }
+
+      setIsLoading(false);
+    },
+    [activeChatId, canInteract, createChat, handleErrorCode, isDailyCapped],
+  );
+
+  const dismissError = useCallback(() => setLastError(null), []);
+
+  return {
+    chats,
+    activeChat,
+    activeChatId,
+    todayChats,
+    recentChats,
+    canCreateChat,
+    isLoading,
+    isInitializing,
+    isFeatureDisabled,
+    isDailyCapped,
+    lastError,
+    createChat,
+    selectChat,
+    deleteChat,
+    sendMessage,
+    dismissError,
+  };
+}
diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
index 118af239..554322fe 100644
--- a/src/pages/_app.tsx
+++ b/src/pages/_app.tsx
@@ -22,8 +22,8 @@ import { LongevityProvider, useLongevity } from '../context/LongevityContext';
 import '../styles/globals.scss';
 import '../styles/vibesuite.scss';
 import '../styles/ai-atlas.css';
+import '../styles/tom.scss';
 import '../uxcore/styles/uxcore-fonts.scss';
-// import '../styles/tom.scss';
 
 type TApp = {
   Component: any;
diff --git a/src/pages/api/tom/chat.ts b/src/pages/api/tom/chat.ts
new file mode 100644
index 00000000..9dbda851
--- /dev/null
+++ b/src/pages/api/tom/chat.ts
@@ -0,0 +1,143 @@
+import type { NextApiRequest, NextApiResponse } from 'next';
+
+const SYSTEM_PROMPT = `You are Friendly Tom — an AI-Guide created by KeepSimple. Your motto is "Because you matter."
+
+YOU HAVE VISION. You CAN see and analyze images that users send you. When a user sends a photo of food, a nutrition label, a meal, a snack, a cake, a drink, or anything that could be consumed — ALWAYS treat it as a food check request and respond with the full Food Risks format below. Do NOT describe the image casually. ALWAYS assess it from a health/diet perspective. Do NOT say you can't see images. You absolutely can.
+
+You guide users towards highly practical ways on how to build up their habits and stick to them.
+Use your knowledge as supportive data TO HELP YOUR USERS BUILD THEIR OWN Workout, Sleep, Environment, Diet, and other habits.
+
+Always answer shortly unless asked otherwise. Don't be flattering. Be sharp, straightforward. You are here for high practicality. When applicable, use 1-10 scale in your answer. Most of the time people will be asking you for their food choices etc — use the knowledge base attached to you — Diet Protocol, to assess that food.
+Try to avoid difficult texts. Write in a way so everyone 18+ could understand regardless the degree.
+Be friendly but don't be afraid of strong language.
+
+YOU MUST ANSWER IN THE FOLLOWING FORMAT WHEN THE USER ASKS YOU TO CHECK A PARTICULAR FOOD, SENDS A PHOTO OF ANY FOOD/DRINK/SNACK, OR SENDS A PHOTO OF A NUTRITION LABEL:
+
+(CRITICALLY IMPORTANT) 1: Title "Food Risks": Assess food on the scale from 1 to 10 as per the diet protocol attached to you, where 10 is the worst, and 1 is the best. ALWAYS add to the scale a phrase "We DO NOT eat anything that is above 6".
+2: Title "Short-term Damage (0-8 hours after eating)" — here decompose damage per hours, and add note that you eat it once, and later pay the price.
+3: Title "Organ Damage" (This part ONLY if the food is on the scale of ABOVE 5) What organs this food harms the most. Distribute 100% of perceived damage per organ to total to 100%. Always keep text simple and clear for majority.
+4: Title "(If you eat it anyway) Reducing Damage" (This part ONLY if the food is on the scale of ABOVE 5)
+
+DIET PROTOCOL — REFERENCE SCALE (use this to calibrate your scoring):
+
+10/10 POISON — SUGAR: Table sugar, candy, cakes, pastries, syrups, frosting, honey, agave, maple syrup, ice cream. Highly addictive, spikes insulin, promotes aging, inflammation, chronic disease.
+9/10 HIGHLY HARMFUL — SEED OILS: Sunflower oil, canola oil, corn oil, soybean oil, grapeseed oil, margarine, vegetable oil blends, store-bought mayonnaise. High omega-6, easily oxidized, inflammatory, disrupts cellular metabolism.
+8.5/10 HIGHLY HARMFUL — SUGARY DRINKS: Soda, energy drinks, iced teas, flavored waters, bottled smoothies, vitamin drinks, fruit juice. Liquid sugar = instant metabolic stress, no satiety, fast blood sugar spike.
+8/10 HIGHLY HARMFUL — ULTRA-PROCESSED FOODS: Chips, crackers, instant noodles, frozen meals, fake meat, flavored cereals, sweetened breakfast cereals, fast food, packaged snacks, microwave meals, processed sausages/hot dogs, fried chicken, nuggets, processed pork (bacon, sausages, ham), processed cheese (slices, spreads, "cheese food"), ketchup/sauces, french fries.
+7.5/10 HIGHLY HARMFUL — WHITE FLOUR PRODUCTS: White bread, flour tortillas, pizza crust, muffins, buns, white pasta, bagels, croissants, pancakes, pizza (restaurant, retail).
+6.5/10 RISKY — DECEPTIVE "HEALTH" FOODS: Whole wheat pasta (depends on ingredients), flavored yogurts, dried fruit, protein bars, popcorn, healthy granola, rice cakes, smoothie bowls, acai bowls, "fit" desserts, fresh/soft cheeses (mozzarella, cream cheese, ricotta), homemade pizza. Marketed as "healthy" but contain hidden sugar, seed oils, or fast carbs.
+5/10 BORDERLINE — Barilla wholegrain pasta (al dente), local 100% rye bread (no sugar/white flour), 85% dark chocolate (no fillings), plain white rice with meat or olive oil, homemade baked potato with skin, aged cheese (Lori, Chanakh), Armenian wholegrain lavash (no added sugar/oil), full-fat milk (if tolerated), oats/oatmeal, manuka honey.
+4/10 SUPPORTIVE — Boiled buckwheat, homemade lentils/chickpeas, fresh apples, oranges, mixed berries, unsweetened coconut yogurt, unsalted roasted almonds (small portion), steamed beets, clean hummus, homemade veggie soup, baked sweet potato, bananas, fatty pork (belly), sunflower seeds, aged/fermented cheese (parmesan, pecorino, aged cheddar, lori, chanakh), homemade mayonnaise (olive oil + eggs).
+3/10 PROTECTIVE — Avocado, raw sauerkraut, garlic, raw/steamed carrots, tomatoes, plain full-fat yogurt (no sugar), pumpkin seeds, green apple, kiwi, mutabbal, chicken thighs (skin on), pork (whole cuts: loin, chops, tenderloin).
+2/10 CLEAN NUTRIENTS — Boiled/poached eggs (pasture-raised), olives, grass-fed butter (moderate), fresh herbs (parsley, dill, cilantro), lemon, unsweetened kefir, tahini, walnuts (small portion), mushrooms, onions, beef, chicken breast (whole, unprocessed), beef (whole cuts: steak, mince, roast).
+1/10 METABOLIC GOLD — Extra virgin olive oil, wild blueberries, steamed broccoli, spinach, arugula, cucumber, turmeric, garlic powder, ginger, plain green leafy salads, sardines, anchovies, cabbage, cauliflower, zucchini, salmon, fatty fish.
+
+Use this scale as your calibration. When scoring food, match it against these categories. If a food combines multiple categories (e.g. a cake with frosting = sugar + white flour + seed oils), score based on the WORST ingredient.
+
+ALWAYS keep your answers clear, short, and sharp.
+IN WORKOUT RELY ON THE MINIMALISTIC STRENGTH AND CARDIO MIX — THE SIMPLER THE BETTER. ALL AS PER Dr Andy Galpin and Huberman.
+
+IMPORTANT: If the user asks something NOT related to habits, food, diet, workout, sleep, environment, or health — you should still answer briefly, but jokingly threaten them by saying something like "If you continue like this, I'll tell Wolf." Be creative with the phrasing each time but always mention telling Wolf.`;
+
+// Allow larger payloads for base64 image attachments
+export const config = {
+  api: {
+    bodyParser: {
+      sizeLimit: '10mb',
+    },
+  },
+};
+
+export default async function handler(
+  req: NextApiRequest,
+  res: NextApiResponse,
+) {
+  if (req.method !== 'POST') {
+    return res.status(405).json({ error: 'Method not allowed' });
+  }
+
+  const apiKey = process.env.OPENAI_API_KEY;
+  if (!apiKey) {
+    return res.status(500).json({
+      error: 'OPENAI_API_KEY not configured. Add it to .env.local',
+    });
+  }
+
+  const { messages } = req.body;
+  if (!messages || !Array.isArray(messages)) {
+    return res.status(400).json({ error: 'messages array required' });
+  }
+
+  try {
+    const response = await fetch('https://api.openai.com/v1/chat/completions', {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+        Authorization: `Bearer ${apiKey}`,
+      },
+      body: JSON.stringify({
+        model: 'gpt-4o-mini',
+        messages: [{ role: 'system', content: SYSTEM_PROMPT }, ...messages],
+        max_tokens: 1024,
+        stream: true,
+      }),
+    });
+
+    if (!response.ok) {
+      const err = await response.text();
+      console.error('OpenAI error:', err);
+      return res.status(response.status).json({ error: 'OpenAI API error' });
+    }
+
+    res.writeHead(200, {
+      'Content-Type': 'text/event-stream',
+      'Cache-Control': 'no-cache',
+      Connection: 'keep-alive',
+    });
+
+    const reader = response.body as unknown as ReadableStream<Uint8Array>;
+    const nodeReader = reader.getReader();
+    const decoder = new TextDecoder();
+    let buffer = '';
+
+     
+    while (true) {
+      const { done, value } = await nodeReader.read();
+      if (done) break;
+
+      buffer += decoder.decode(value, { stream: true });
+      const lines = buffer.split('\n');
+      buffer = lines.pop() || '';
+
+      for (const line of lines) {
+        const trimmed = line.trim();
+        if (!trimmed || !trimmed.startsWith('data: ')) continue;
+
+        const data = trimmed.slice(6);
+        if (data === '[DONE]') {
+          res.write('data: [DONE]\n\n');
+          break;
+        }
+
+        try {
+          const parsed = JSON.parse(data);
+          const content = parsed.choices?.[0]?.delta?.content;
+          if (content) {
+            res.write(`data: ${JSON.stringify({ content })}\n\n`);
+          }
+        } catch {
+          // skip malformed chunks
+        }
+      }
+    }
+
+    res.end();
+  } catch (error) {
+    console.error('Chat API error:', error);
+    if (!res.headersSent) {
+      res.status(500).json({ error: 'Internal server error' });
+    } else {
+      res.end();
+    }
+  }
+}
diff --git a/src/pages/tools/tom.tsx b/src/pages/tools/tom.tsx
new file mode 100644
index 00000000..4257c662
--- /dev/null
+++ b/src/pages/tools/tom.tsx
@@ -0,0 +1,5 @@
+import TomChat from '@components/tom/TomChat';
+
+export default function TomPage() {
+  return <TomChat />;
+}
diff --git a/src/pages/user/[userId]/[personaId].tsx b/src/pages/user/[userId]/[personaId].tsx
index 9c592ba5..51b3c694 100644
--- a/src/pages/user/[userId]/[personaId].tsx
+++ b/src/pages/user/[userId]/[personaId].tsx
@@ -1,22 +1,21 @@
-import { GetServerSideProps } from 'next';
-import { useRouter } from 'next/router';
-import React, { FC, Fragment, useMemo } from 'react';
-
-import type { QuestionType, StrapiBiasType, TagType } from '@uxcore/local-types/data';
-import { TRouter } from '@uxcore/local-types/global';
-
 import { getStrapiBiases } from '@uxcore/api/biases';
 import { getUXCPSeo } from '@uxcore/api/mainPageSeo';
 import { getPersona } from '@uxcore/api/personas';
 import { getStrapiQuestions } from '@uxcore/api/questions';
 import { getTags } from '@uxcore/api/tags';
-
-import pageNotFoundData from '@uxcore/data/404';
-
 import SeoGenerator from '@uxcore/components/SeoGenerator';
 import Spinner from '@uxcore/components/Spinner';
-
+import pageNotFoundData from '@uxcore/data/404';
 import UXCPLayout from '@uxcore/layouts/UXCPLayout';
+import type {
+  QuestionType,
+  StrapiBiasType,
+  TagType,
+} from '@uxcore/local-types/data';
+import { TRouter } from '@uxcore/local-types/global';
+import { GetServerSideProps } from 'next';
+import { useRouter } from 'next/router';
+import React, { FC, Fragment, useMemo } from 'react';
 
 import NotFoundPage from '../../404';
 
diff --git a/src/pages/user/[userId]/certificate.tsx b/src/pages/user/[userId]/certificate.tsx
index 659c8ab4..f4fd7c91 100644
--- a/src/pages/user/[userId]/certificate.tsx
+++ b/src/pages/user/[userId]/certificate.tsx
@@ -1,16 +1,11 @@
-import { useRouter } from 'next/router';
-import React, { useContext } from 'react';
-
-import type { TRouter } from '@uxcore/local-types/global';
-
 import { getCertificate } from '@uxcore/api/uxcat/certificate';
-
-import pageNotFoundData from '@uxcore/data/404';
-
 import { GlobalContext } from '@uxcore/components/Context/GlobalContext';
 import Spinner from '@uxcore/components/Spinner';
-
+import pageNotFoundData from '@uxcore/data/404';
 import CertificateLayout from '@uxcore/layouts/CertificateLayout';
+import type { TRouter } from '@uxcore/local-types/global';
+import { useRouter } from 'next/router';
+import React, { useContext } from 'react';
 
 import NotFoundPage from '../../404';
 
diff --git a/src/pages/user/[userId]/index.tsx b/src/pages/user/[userId]/index.tsx
index 7d7f1b3d..6462fe34 100644
--- a/src/pages/user/[userId]/index.tsx
+++ b/src/pages/user/[userId]/index.tsx
@@ -1,26 +1,3 @@
-import { useRouter } from 'next/router';
-import React, { FC, useContext, useEffect, useState } from 'react';
-
-import { TRouter } from '@uxcore/local-types/global';
-import {
-  AchievementsTypes,
-  BoardContentTypes,
-  userLevels,
-  UserTypes,
-  uxCatLevels,
-} from '@uxcore/local-types/uxcat-types/types';
-
-import {
-  enhanceAchievementsWithGroups,
-  findAchievementListBySubType,
-  findAchievementListByType,
-  findLevelDetail,
-  formatDate,
-  getNotifiedAchievements,
-  isLevelMilestone,
-  normalizeUserData,
-} from '@uxcore/lib/uxcat-helpers';
-
 import { getBackgroundImages, getCoverImages } from '@uxcore/api/strapi';
 import { UXCatConfigs } from '@uxcore/api/uxcat/configs';
 import { getAllAchievements } from '@uxcore/api/uxcat/get-all-achievements';
@@ -29,15 +6,31 @@ import { getNotifications } from '@uxcore/api/uxcat/get-notifications';
 import { getPublicUserInfo } from '@uxcore/api/uxcat/getUser';
 import { getUXCatStatistics } from '@uxcore/api/uxcat/statistics';
 import { getUserInfo } from '@uxcore/api/uxcat/users-me';
-
-import pageNotFoundData from '@uxcore/data/404';
-
 import UXCoreIcon from '@uxcore/assets/icons/UXCoreIcon';
-
 import { GlobalContext } from '@uxcore/components/Context/GlobalContext';
 import SeoGenerator from '@uxcore/components/SeoGenerator';
-
+import pageNotFoundData from '@uxcore/data/404';
 import UserProfile from '@uxcore/layouts/UserProfile/UserProfile';
+import {
+  enhanceAchievementsWithGroups,
+  findAchievementListBySubType,
+  findAchievementListByType,
+  findLevelDetail,
+  formatDate,
+  getNotifiedAchievements,
+  isLevelMilestone,
+  normalizeUserData,
+} from '@uxcore/lib/uxcat-helpers';
+import { TRouter } from '@uxcore/local-types/global';
+import {
+  AchievementsTypes,
+  BoardContentTypes,
+  userLevels,
+  UserTypes,
+  uxCatLevels,
+} from '@uxcore/local-types/uxcat-types/types';
+import { useRouter } from 'next/router';
+import React, { FC, useContext, useEffect, useState } from 'react';
 
 import NotFoundPage from '../../404';
 
diff --git a/src/pages/uxcat/index.tsx b/src/pages/uxcat/index.tsx
index 2c870bde..758fda6e 100644
--- a/src/pages/uxcat/index.tsx
+++ b/src/pages/uxcat/index.tsx
@@ -1,23 +1,3 @@
-import { GetServerSideProps } from 'next';
-import { useRouter } from 'next/router';
-import React, { FC, useEffect, useState } from 'react';
-
-import { TRouter } from '@uxcore/local-types/global';
-import {
-  AchievementsTypes,
-  UserTypes,
-  UXCatDataTypes,
-  uxCatLevels,
-} from '@uxcore/local-types/uxcat-types/types';
-
-import {
-  enhanceAchievementsWithGroups,
-  findAchievementListByType,
-  findLevelDetail,
-  getNotifiedAchievements,
-  isLevelMilestone,
-} from '@uxcore/lib/uxcat-helpers';
-
 import { UXCatConfigs } from '@uxcore/api/uxcat/configs';
 import { getAchievement } from '@uxcore/api/uxcat/get-achievement';
 import { getAllAchievements } from '@uxcore/api/uxcat/get-all-achievements';
@@ -25,10 +5,25 @@ import { getLevels } from '@uxcore/api/uxcat/get-levels';
 import { getNotifications } from '@uxcore/api/uxcat/get-notifications';
 import { getUserInfo } from '@uxcore/api/uxcat/users-me';
 import { getUXCatData } from '@uxcore/api/uxcat/uxcat';
-
 import SeoGenerator from '@uxcore/components/SeoGenerator';
-
 import UXCatLayout from '@uxcore/layouts/UXCatLayout';
+import {
+  enhanceAchievementsWithGroups,
+  findAchievementListByType,
+  findLevelDetail,
+  getNotifiedAchievements,
+  isLevelMilestone,
+} from '@uxcore/lib/uxcat-helpers';
+import { TRouter } from '@uxcore/local-types/global';
+import {
+  AchievementsTypes,
+  UserTypes,
+  UXCatDataTypes,
+  uxCatLevels,
+} from '@uxcore/local-types/uxcat-types/types';
+import { GetServerSideProps } from 'next';
+import { useRouter } from 'next/router';
+import React, { FC, useEffect, useState } from 'react';
 
 type UxcatProps = {
   uxCatLevels: uxCatLevels[];
diff --git a/src/pages/uxcat/ongoing.tsx b/src/pages/uxcat/ongoing.tsx
index 15141d8a..6bee8798 100644
--- a/src/pages/uxcat/ongoing.tsx
+++ b/src/pages/uxcat/ongoing.tsx
@@ -1,24 +1,20 @@
-import { useRouter } from 'next/router';
-import React, { FC, useEffect, useState } from 'react';
-
-import { TRouter } from '@uxcore/local-types/global';
-import { UXCatDataTypes } from '@uxcore/local-types/uxcat-types/types';
-
 import { UXCatConfigs } from '@uxcore/api/uxcat/configs';
 import { getFinalTest } from '@uxcore/api/uxcat/final-test';
 import { getUXCatStartTest } from '@uxcore/api/uxcat/start-test';
 import { getUserInfo } from '@uxcore/api/uxcat/users-me';
 import { getUXCatData } from '@uxcore/api/uxcat/uxcat';
-
-import { achievementSlugs } from '@uxcore/data/uxcat/ongoingTest/realTimeAchievements';
-
 import SeoGenerator from '@uxcore/components/SeoGenerator';
 import Spinner from '@uxcore/components/Spinner';
-
-import styles from '@uxcore/layouts/OngoingLayout/OngoingLayout.module.scss';
+import { achievementSlugs } from '@uxcore/data/uxcat/ongoingTest/realTimeAchievements';
+import { TRouter } from '@uxcore/local-types/global';
+import { UXCatDataTypes } from '@uxcore/local-types/uxcat-types/types';
+import { useRouter } from 'next/router';
+import React, { FC, useEffect, useState } from 'react';
 
 import OngoingLayout from 'src/uxcore/layouts/OngoingLayout';
 
+import styles from '@uxcore/layouts/OngoingLayout/OngoingLayout.module.scss';
+
 type OngoingProps = {
   configs: {
     testExpirationTime: number;
diff --git a/src/pages/uxcat/start-test.tsx b/src/pages/uxcat/start-test.tsx
index 21972498..1fef0f57 100644
--- a/src/pages/uxcat/start-test.tsx
+++ b/src/pages/uxcat/start-test.tsx
@@ -1,22 +1,17 @@
-import { GetServerSideProps } from 'next';
-import { useRouter } from 'next/router';
-import React, { FC, useContext, useEffect, useState } from 'react';
-
-import { TRouter } from '@uxcore/local-types/global';
-import { UXCatDataTypes } from '@uxcore/local-types/uxcat-types/types';
-
 import { UXCatConfigs } from '@uxcore/api/uxcat/configs';
 import { getUXCatStatistics } from '@uxcore/api/uxcat/statistics';
 import { getUXCatData } from '@uxcore/api/uxcat/uxcat';
-
-import startTestData from '@uxcore/data/startTest';
-
 import { GlobalContext } from '@uxcore/components/Context/GlobalContext';
 import GenderModal from '@uxcore/components/GenderModal';
 import SeoGenerator from '@uxcore/components/SeoGenerator';
 import Spinner from '@uxcore/components/Spinner';
-
+import startTestData from '@uxcore/data/startTest';
 import StartTestLayout from '@uxcore/layouts/StartTestLayout';
+import { TRouter } from '@uxcore/local-types/global';
+import { UXCatDataTypes } from '@uxcore/local-types/uxcat-types/types';
+import { GetServerSideProps } from 'next';
+import { useRouter } from 'next/router';
+import React, { FC, useContext, useEffect, useState } from 'react';
 
 type StartTestProps = {
   uxcatData: UXCatDataTypes;
diff --git a/src/pages/uxcat/test-result.tsx b/src/pages/uxcat/test-result.tsx
index 6e926d5f..deadff4d 100644
--- a/src/pages/uxcat/test-result.tsx
+++ b/src/pages/uxcat/test-result.tsx
@@ -1,25 +1,3 @@
-import { GetServerSideProps } from 'next';
-import { useRouter } from 'next/router';
-import React, { FC, useContext, useEffect, useState } from 'react';
-
-import { StrapiBiasType } from '@uxcore/local-types/data';
-import { TRouter } from '@uxcore/local-types/global';
-import {
-  AchievementsTypes,
-  TestResultsTypes,
-  UserTypes,
-  UXCatDataTypes,
-  uxCatLevels,
-} from '@uxcore/local-types/uxcat-types/types';
-
-import { mergeBiasesLocalization } from '@uxcore/lib/helpers';
-import {
-  cleanTitle,
-  formatDate,
-  getNotifiedAchievements,
-  getPassedLevels,
-} from '@uxcore/lib/uxcat-helpers';
-
 import { UXCatConfigs } from '@uxcore/api/uxcat/configs';
 import { getAchievement } from '@uxcore/api/uxcat/get-achievement';
 import { getAllAchievements } from '@uxcore/api/uxcat/get-all-achievements';
@@ -28,16 +6,32 @@ import { getNotifications } from '@uxcore/api/uxcat/get-notifications';
 import { getUXCatLastTest } from '@uxcore/api/uxcat/last-test';
 import { getUserInfo } from '@uxcore/api/uxcat/users-me';
 import { getUXCatData } from '@uxcore/api/uxcat/uxcat';
-
-import uxcatData from '@uxcore/data/uxcat';
-
 import CongratsModal from '@uxcore/components/CongratsModal';
 import { GlobalContext } from '@uxcore/components/Context/GlobalContext';
 import SeoGenerator from '@uxcore/components/SeoGenerator';
 import Spinner from '@uxcore/components/Spinner';
-
+import uxcatData from '@uxcore/data/uxcat';
 import CalculatingResults from '@uxcore/layouts/CalculatingResults';
 import TestResultLayout from '@uxcore/layouts/TestResult';
+import { mergeBiasesLocalization } from '@uxcore/lib/helpers';
+import {
+  cleanTitle,
+  formatDate,
+  getNotifiedAchievements,
+  getPassedLevels,
+} from '@uxcore/lib/uxcat-helpers';
+import { StrapiBiasType } from '@uxcore/local-types/data';
+import { TRouter } from '@uxcore/local-types/global';
+import {
+  AchievementsTypes,
+  TestResultsTypes,
+  UserTypes,
+  UXCatDataTypes,
+  uxCatLevels,
+} from '@uxcore/local-types/uxcat-types/types';
+import { GetServerSideProps } from 'next';
+import { useRouter } from 'next/router';
+import React, { FC, useContext, useEffect, useState } from 'react';
 
 type TestResultProps = {
   userInfo: UserTypes[];
diff --git a/src/pages/uxcg/index.tsx b/src/pages/uxcg/index.tsx
index 22132d9d..84d9280e 100644
--- a/src/pages/uxcg/index.tsx
+++ b/src/pages/uxcg/index.tsx
@@ -1,25 +1,20 @@
-import { GetStaticProps } from 'next';
-import { useRouter } from 'next/router';
-import React, { FC, useMemo, useState } from 'react';
-
-import { QuestionType, TagType } from '@uxcore/local-types/data';
-import { TRouter } from '@uxcore/local-types/global';
-
-import {
-  generateQuestionsSeo,
-  mergeBiasesLocalization,
-  mergeQuestionsLocalization,
-} from '@uxcore/lib/helpers';
-
 import { getStrapiBiases } from '@uxcore/api/biases';
 import { getUXCGSeo } from '@uxcore/api/mainPageSeo';
 import { getStrapiQuestions } from '@uxcore/api/questions';
 import { getTags } from '@uxcore/api/tags';
-
 import SeoGenerator from '@uxcore/components/SeoGenerator';
 import Spinner from '@uxcore/components/Spinner';
-
 import UXCGLayout from '@uxcore/layouts/UXCGLayout';
+import {
+  generateQuestionsSeo,
+  mergeBiasesLocalization,
+  mergeQuestionsLocalization,
+} from '@uxcore/lib/helpers';
+import { QuestionType, TagType } from '@uxcore/local-types/data';
+import { TRouter } from '@uxcore/local-types/global';
+import { GetStaticProps } from 'next';
+import { useRouter } from 'next/router';
+import React, { FC, useMemo, useState } from 'react';
 
 interface UxcgProps {
   tags: TagType[];
diff --git a/src/pages/uxcore-api/index.tsx b/src/pages/uxcore-api/index.tsx
index 269e5e3f..9ebedb42 100644
--- a/src/pages/uxcore-api/index.tsx
+++ b/src/pages/uxcore-api/index.tsx
@@ -1,14 +1,10 @@
-import { GetStaticProps } from 'next';
-import { useRouter } from 'next/router';
-import { FC, Fragment, useMemo } from 'react';
-
-import { TRouter } from '@uxcore/local-types/global';
-
 import { getUXCoreApiSeo } from '@uxcore/api/mainPageSeo';
-
 import SeoGenerator from '@uxcore/components/SeoGenerator';
-
 import ApiLayout from '@uxcore/layouts/ApiLayout';
+import { TRouter } from '@uxcore/local-types/global';
+import { GetStaticProps } from 'next';
+import { useRouter } from 'next/router';
+import { FC, Fragment, useMemo } from 'react';
 
 interface ApiProps {
   mainSeo: { en: any; ru: any };
diff --git a/src/pages/uxcore/index.tsx b/src/pages/uxcore/index.tsx
index 23fc3bee..5f12ba2f 100644
--- a/src/pages/uxcore/index.tsx
+++ b/src/pages/uxcore/index.tsx
@@ -1,18 +1,14 @@
-import { GetStaticProps } from 'next';
-import { useRouter } from 'next/router';
-import React, { FC, useContext, useEffect, useState } from 'react';
-
-import type { BiasType } from '@uxcore/local-types/data';
-import { TRouter } from '@uxcore/local-types/global';
-
 import { getStrapiBiases } from '@uxcore/api/biases';
 import { getUXCoreSeo } from '@uxcore/api/mainPageSeo';
-
 import { GlobalContext } from '@uxcore/components/Context/GlobalContext';
 import SeoGenerator from '@uxcore/components/SeoGenerator';
 import Spinner from '@uxcore/components/Spinner';
-
 import UXCoreLayout from '@uxcore/layouts/UXCoreLayout';
+import type { BiasType } from '@uxcore/local-types/data';
+import { TRouter } from '@uxcore/local-types/global';
+import { GetStaticProps } from 'next';
+import { useRouter } from 'next/router';
+import React, { FC, useContext, useEffect, useState } from 'react';
 
 interface UXCoreProps {
   biases: BiasType[];
diff --git a/src/pages/uxcp/[name]/[hash]/[isTeamMember].tsx b/src/pages/uxcp/[name]/[hash]/[isTeamMember].tsx
index 90979d71..167c1367 100644
--- a/src/pages/uxcp/[name]/[hash]/[isTeamMember].tsx
+++ b/src/pages/uxcp/[name]/[hash]/[isTeamMember].tsx
@@ -1,10 +1,8 @@
+import Spinner from '@uxcore/components/Spinner';
+import { parseUXCPLink } from '@uxcore/lib/uxcp-helpers';
 import { useRouter } from 'next/router';
 import { FC, useEffect } from 'react';
 
-import { parseUXCPLink } from '@uxcore/lib/uxcp-helpers';
-
-import Spinner from '@uxcore/components/Spinner';
-
 const UXCPLinkHandler: FC = () => {
   const router = useRouter();
 
diff --git a/src/pages/uxcp/index.tsx b/src/pages/uxcp/index.tsx
index 255582ff..8e13c4cf 100644
--- a/src/pages/uxcp/index.tsx
+++ b/src/pages/uxcp/index.tsx
@@ -1,19 +1,19 @@
-import { GetStaticProps } from 'next';
-import { useRouter } from 'next/router';
-import React, { FC, useMemo } from 'react';
-
-import type { QuestionType, StrapiBiasType, TagType } from '@uxcore/local-types/data';
-import { TRouter } from '@uxcore/local-types/global';
-
 import { getStrapiBiases } from '@uxcore/api/biases';
 import { getUXCPSeo } from '@uxcore/api/mainPageSeo';
 import { getStrapiQuestions } from '@uxcore/api/questions';
 import { getTags } from '@uxcore/api/tags';
-
 import SeoGenerator from '@uxcore/components/SeoGenerator';
 import Spinner from '@uxcore/components/Spinner';
-
 import UXCPLayout from '@uxcore/layouts/UXCPLayout';
+import type {
+  QuestionType,
+  StrapiBiasType,
+  TagType,
+} from '@uxcore/local-types/data';
+import { TRouter } from '@uxcore/local-types/global';
+import { GetStaticProps } from 'next';
+import { useRouter } from 'next/router';
+import React, { FC, useMemo } from 'react';
 
 interface UXCPProps {
   questions: QuestionType[];
diff --git a/src/styles/tom.scss b/src/styles/tom.scss
new file mode 100644
index 00000000..5f97b8af
--- /dev/null
+++ b/src/styles/tom.scss
@@ -0,0 +1,103 @@
+// Tom Chat — global styles and CSS variables
+// Imported in _app.tsx. NOT a CSS module.
+
+@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;700&family=Jost:wght@300;400;500;600&display=swap');
+
+.tom-root {
+  --tom-bg: #f4efe6;
+  --tom-sidebar-bg: rgba(250, 247, 242, 0.97);
+  --tom-bubble-bot: #ffffff;
+  --tom-bubble-user: #3c3c3c;
+  --tom-text: #1c1c1a;
+  --tom-text-light: #ffffff;
+  --tom-text-secondary: #756f69;
+  --tom-text-muted: #968f87;
+  --tom-border: #ddd7ce;
+  --tom-input-bg: #ffffff;
+  --tom-hover: #eee9e0;
+  --tom-active: #e5dfd5;
+  --tom-shadow: rgba(0, 0, 0, 0.06);
+
+  --tom-font-display: 'Playfair Display', Georgia, serif;
+  --tom-font-body: 'Jost', system-ui, sans-serif;
+
+  *,
+  *::before,
+  *::after {
+    box-sizing: border-box;
+  }
+
+  font-family: var(--tom-font-body);
+  color: var(--tom-text);
+
+  // Paper texture background from actual image
+  &::after {
+    content: '';
+    position: fixed;
+    inset: 0;
+    background: url('/assets/tom/background.png') center / cover no-repeat;
+    pointer-events: none;
+    z-index: 0;
+    opacity: 0.35;
+  }
+
+  a,
+  button,
+  [role='button'] {
+    transition:
+      color 0.15s ease,
+      background 0.15s ease,
+      border-color 0.15s ease,
+      opacity 0.15s ease,
+      transform 0.15s ease;
+  }
+
+  // Scrollbar
+  ::-webkit-scrollbar {
+    width: 5px;
+  }
+  ::-webkit-scrollbar-track {
+    background: transparent;
+  }
+  ::-webkit-scrollbar-thumb {
+    background: var(--tom-border);
+    border-radius: 3px;
+  }
+  ::-webkit-scrollbar-thumb:hover {
+    background: var(--tom-text-muted);
+  }
+}
+
+// Dark mode
+body.darkTheme .tom-root {
+  --tom-bg: #1b1e26;
+  --tom-sidebar-bg: rgba(22, 25, 32, 0.97);
+  --tom-bubble-bot: #2a2f3a;
+  --tom-bubble-user: #4a4a4a;
+  --tom-text: #dadada;
+  --tom-text-light: #ffffff;
+  --tom-text-secondary: #a0a0a0;
+  --tom-text-muted: #606060;
+  --tom-border: #2e3340;
+  --tom-input-bg: #222730;
+  --tom-hover: #252a34;
+  --tom-active: #2a2f3a;
+  --tom-shadow: rgba(0, 0, 0, 0.3);
+
+  &::after {
+    opacity: 0.15;
+    filter: invert(1) brightness(0.3);
+  }
+}
+
+// Typing indicator animation
+@keyframes tom-bounce {
+  0%,
+  60%,
+  100% {
+    transform: translateY(0);
+  }
+  30% {
+    transform: translateY(-4px);
+  }
+}
diff --git a/src/uxcore/assets/icons/HRIconBlue.tsx b/src/uxcore/assets/icons/HRIconBlue.tsx
index 0f636674..4c960c29 100644
--- a/src/uxcore/assets/icons/HRIconBlue.tsx
+++ b/src/uxcore/assets/icons/HRIconBlue.tsx
@@ -1,30 +1,76 @@
 export const HRIconBlue = () => (
-  <svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <svg
+    width="21"
+    height="20"
+    viewBox="0 0 21 20"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
     <g clip-path="url(#clip0_5138_10344)">
-      <path d="M4 6.33317C4 4.30812 5.64162 2.6665 7.66667 2.6665C9.69173 2.6665 11.3333 4.30812 11.3333 6.33317C11.3333 8.35822 9.69173 9.99984 7.66667 9.99984C5.64162 9.99984 4 8.35822 4 6.33317Z" fill="url(#paint0_linear_5138_10344)"/>
-      <path d="M3 13.9998C3 12.5271 4.19391 11.3332 5.66667 11.3332H9.66667C11.1394 11.3332 12.3333 12.5271 12.3333 13.9998V16.6665C12.3333 17.0347 12.0349 17.3332 11.6667 17.3332H3.66667C3.29848 17.3332 3 17.0347 3 16.6665V13.9998Z" fill="url(#paint1_linear_5138_10344)"/>
-      <path d="M12.6668 6.33317C12.6668 7.3334 12.3731 8.26503 11.8672 9.0465C12.5185 9.63884 13.3838 9.99984 14.3335 9.99984C16.3585 9.99984 18.0001 8.35822 18.0001 6.33317C18.0001 4.30812 16.3585 2.6665 14.3335 2.6665C13.3838 2.6665 12.5185 3.02752 11.8672 3.61981C12.3731 4.40131 12.6668 5.33294 12.6668 6.33317Z" fill="url(#paint2_linear_5138_10344)"/>
-      <path d="M13.6669 13.9998V17.3332H18.3335C18.7017 17.3332 19.0002 17.0347 19.0002 16.6665V13.9998C19.0002 12.5271 17.8063 11.3332 16.3335 11.3332H12.6483C13.2817 12.0408 13.6669 12.9754 13.6669 13.9998Z" fill="url(#paint3_linear_5138_10344)"/>
+      <path
+        d="M4 6.33317C4 4.30812 5.64162 2.6665 7.66667 2.6665C9.69173 2.6665 11.3333 4.30812 11.3333 6.33317C11.3333 8.35822 9.69173 9.99984 7.66667 9.99984C5.64162 9.99984 4 8.35822 4 6.33317Z"
+        fill="url(#paint0_linear_5138_10344)"
+      />
+      <path
+        d="M3 13.9998C3 12.5271 4.19391 11.3332 5.66667 11.3332H9.66667C11.1394 11.3332 12.3333 12.5271 12.3333 13.9998V16.6665C12.3333 17.0347 12.0349 17.3332 11.6667 17.3332H3.66667C3.29848 17.3332 3 17.0347 3 16.6665V13.9998Z"
+        fill="url(#paint1_linear_5138_10344)"
+      />
+      <path
+        d="M12.6668 6.33317C12.6668 7.3334 12.3731 8.26503 11.8672 9.0465C12.5185 9.63884 13.3838 9.99984 14.3335 9.99984C16.3585 9.99984 18.0001 8.35822 18.0001 6.33317C18.0001 4.30812 16.3585 2.6665 14.3335 2.6665C13.3838 2.6665 12.5185 3.02752 11.8672 3.61981C12.3731 4.40131 12.6668 5.33294 12.6668 6.33317Z"
+        fill="url(#paint2_linear_5138_10344)"
+      />
+      <path
+        d="M13.6669 13.9998V17.3332H18.3335C18.7017 17.3332 19.0002 17.0347 19.0002 16.6665V13.9998C19.0002 12.5271 17.8063 11.3332 16.3335 11.3332H12.6483C13.2817 12.0408 13.6669 12.9754 13.6669 13.9998Z"
+        fill="url(#paint3_linear_5138_10344)"
+      />
     </g>
     <defs>
-      <linearGradient id="paint0_linear_5138_10344" x1="7.66667" y1="3" x2="7.66667" y2="17.3335" gradientUnits="userSpaceOnUse">
-        <stop stop-color="#05B8FE"/>
-        <stop offset="1" stop-color="#525BFB"/>
+      <linearGradient
+        id="paint0_linear_5138_10344"
+        x1="7.66667"
+        y1="3"
+        x2="7.66667"
+        y2="17.3335"
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stop-color="#05B8FE" />
+        <stop offset="1" stop-color="#525BFB" />
       </linearGradient>
-      <linearGradient id="paint1_linear_5138_10344" x1="7.66667" y1="3" x2="7.66667" y2="17.3335" gradientUnits="userSpaceOnUse">
-        <stop stop-color="#05B8FE"/>
-        <stop offset="1" stop-color="#525BFB"/>
+      <linearGradient
+        id="paint1_linear_5138_10344"
+        x1="7.66667"
+        y1="3"
+        x2="7.66667"
+        y2="17.3335"
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stop-color="#05B8FE" />
+        <stop offset="1" stop-color="#525BFB" />
       </linearGradient>
-      <linearGradient id="paint2_linear_5138_10344" x1="15.4337" y1="3" x2="15.4337" y2="17.3335" gradientUnits="userSpaceOnUse">
-        <stop stop-color="#058EFE"/>
-        <stop offset="1" stop-color="#5852FB"/>
+      <linearGradient
+        id="paint2_linear_5138_10344"
+        x1="15.4337"
+        y1="3"
+        x2="15.4337"
+        y2="17.3335"
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stop-color="#058EFE" />
+        <stop offset="1" stop-color="#5852FB" />
       </linearGradient>
-      <linearGradient id="paint3_linear_5138_10344" x1="15.4337" y1="3" x2="15.4337" y2="17.3335" gradientUnits="userSpaceOnUse">
-        <stop stop-color="#058EFE"/>
-        <stop offset="1" stop-color="#5852FB"/>
+      <linearGradient
+        id="paint3_linear_5138_10344"
+        x1="15.4337"
+        y1="3"
+        x2="15.4337"
+        y2="17.3335"
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stop-color="#058EFE" />
+        <stop offset="1" stop-color="#5852FB" />
       </linearGradient>
       <clipPath id="clip0_5138_10344">
-        <rect width="16" height="16" fill="white" transform="translate(3 2)"/>
+        <rect width="16" height="16" fill="white" transform="translate(3 2)" />
       </clipPath>
     </defs>
   </svg>
diff --git a/src/uxcore/assets/icons/HRIconGrey.tsx b/src/uxcore/assets/icons/HRIconGrey.tsx
index e880f15c..3d5c20b7 100644
--- a/src/uxcore/assets/icons/HRIconGrey.tsx
+++ b/src/uxcore/assets/icons/HRIconGrey.tsx
@@ -1,16 +1,33 @@
 export const HRIconGrey = () => (
-  <svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <svg
+    width="21"
+    height="20"
+    viewBox="0 0 21 20"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
     <g clip-path="url(#clip0_5149_7385)">
-      <path d="M4 6.33317C4 4.30812 5.64162 2.6665 7.66667 2.6665C9.69173 2.6665 11.3333 4.30812 11.3333 6.33317C11.3333 8.35822 9.69173 9.99984 7.66667 9.99984C5.64162 9.99984 4 8.35822 4 6.33317Z" fill="#9A9A9A"/>
-      <path d="M3 13.9998C3 12.5271 4.19391 11.3332 5.66667 11.3332H9.66667C11.1394 11.3332 12.3333 12.5271 12.3333 13.9998V16.6665C12.3333 17.0347 12.0349 17.3332 11.6667 17.3332H3.66667C3.29848 17.3332 3 17.0347 3 16.6665V13.9998Z" fill="#9A9A9A"/>
-      <path d="M12.6668 6.33317C12.6668 7.3334 12.3731 8.26503 11.8672 9.0465C12.5185 9.63884 13.3838 9.99984 14.3335 9.99984C16.3585 9.99984 18.0001 8.35822 18.0001 6.33317C18.0001 4.30812 16.3585 2.6665 14.3335 2.6665C13.3838 2.6665 12.5185 3.02752 11.8672 3.61981C12.3731 4.40131 12.6668 5.33294 12.6668 6.33317Z" fill="#9A9A9A"/>
-      <path d="M13.6669 13.9998V17.3332H18.3335C18.7017 17.3332 19.0002 17.0347 19.0002 16.6665V13.9998C19.0002 12.5271 17.8063 11.3332 16.3335 11.3332H12.6483C13.2817 12.0408 13.6669 12.9754 13.6669 13.9998Z" fill="#9A9A9A"/>
+      <path
+        d="M4 6.33317C4 4.30812 5.64162 2.6665 7.66667 2.6665C9.69173 2.6665 11.3333 4.30812 11.3333 6.33317C11.3333 8.35822 9.69173 9.99984 7.66667 9.99984C5.64162 9.99984 4 8.35822 4 6.33317Z"
+        fill="#9A9A9A"
+      />
+      <path
+        d="M3 13.9998C3 12.5271 4.19391 11.3332 5.66667 11.3332H9.66667C11.1394 11.3332 12.3333 12.5271 12.3333 13.9998V16.6665C12.3333 17.0347 12.0349 17.3332 11.6667 17.3332H3.66667C3.29848 17.3332 3 17.0347 3 16.6665V13.9998Z"
+        fill="#9A9A9A"
+      />
+      <path
+        d="M12.6668 6.33317C12.6668 7.3334 12.3731 8.26503 11.8672 9.0465C12.5185 9.63884 13.3838 9.99984 14.3335 9.99984C16.3585 9.99984 18.0001 8.35822 18.0001 6.33317C18.0001 4.30812 16.3585 2.6665 14.3335 2.6665C13.3838 2.6665 12.5185 3.02752 11.8672 3.61981C12.3731 4.40131 12.6668 5.33294 12.6668 6.33317Z"
+        fill="#9A9A9A"
+      />
+      <path
+        d="M13.6669 13.9998V17.3332H18.3335C18.7017 17.3332 19.0002 17.0347 19.0002 16.6665V13.9998C19.0002 12.5271 17.8063 11.3332 16.3335 11.3332H12.6483C13.2817 12.0408 13.6669 12.9754 13.6669 13.9998Z"
+        fill="#9A9A9A"
+      />
     </g>
     <defs>
       <clipPath id="clip0_5149_7385">
-        <rect width="16" height="16" fill="white" transform="translate(3 2)"/>
+        <rect width="16" height="16" fill="white" transform="translate(3 2)" />
       </clipPath>
     </defs>
   </svg>
-
-)
+);
diff --git a/src/uxcore/assets/icons/PMIcon.tsx b/src/uxcore/assets/icons/PMIcon.tsx
index 6f993d48..4c79985f 100644
--- a/src/uxcore/assets/icons/PMIcon.tsx
+++ b/src/uxcore/assets/icons/PMIcon.tsx
@@ -1,11 +1,50 @@
-export const PMIcon = () => (
-    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-      <path opacity="0.99" fill-rule="evenodd" clip-rule="evenodd" d="M9.92188 1.98438C9.96353 1.98438 10.0052 1.98438 10.0469 1.98438C12.6302 3.31771 15.2135 4.65104 17.7969 5.98438C16.8001 6.48128 15.8105 6.99169 14.8281 7.51562C14.814 7.48569 14.7932 7.45962 14.7656 7.4375C12.1901 6.1185 9.61716 4.80079 7.04688 3.48438C8.00522 2.98438 8.96353 2.48438 9.92188 1.98438Z" fill="#D9AC80"/>
-      <path fill-rule="evenodd" clip-rule="evenodd" d="M7.04688 3.48438C9.61716 4.80079 12.1901 6.1185 14.7656 7.4375C14.7932 7.45963 14.814 7.48569 14.8281 7.51562C14.8073 7.51562 14.7969 7.52603 14.7969 7.54688C14.1567 7.85138 13.5212 8.16388 12.8906 8.48438C12.8802 8.48438 12.8698 8.48438 12.8594 8.48438C10.2859 7.13513 7.70259 5.80181 5.10938 4.48438C5.74516 4.13521 6.391 3.80187 7.04688 3.48438Z" fill="#F1D2B9"/>
-      <path opacity="0.997" fill-rule="evenodd" clip-rule="evenodd" d="M5.10938 4.48438C7.70259 5.80181 10.2859 7.13513 12.8594 8.48438C11.9021 8.98384 10.9438 9.48384 9.98438 9.98438C7.38916 8.63466 4.78498 7.30134 2.17188 5.98438C3.14104 5.46853 4.12021 4.96853 5.10938 4.48438Z" fill="#D8AB7F"/>
-      <path opacity="0.996" fill-rule="evenodd" clip-rule="evenodd" d="M2.17187 5.98438C4.78498 7.30134 7.38916 8.63466 9.98438 9.98438C9.98438 12.651 9.98438 15.3177 9.98438 17.9844C9.96353 17.9844 9.94272 17.9844 9.92188 17.9844C7.353 16.6504 4.77487 15.3275 2.1875 14.0156C2.17187 11.3386 2.16667 8.66147 2.17187 5.98438Z" fill="#926E43"/>
-      <path opacity="0.996" fill-rule="evenodd" clip-rule="evenodd" d="M17.7969 5.98438C17.8021 8.66147 17.7969 11.3386 17.7812 14.0156C15.1939 15.3275 12.6158 16.6504 10.0469 17.9844C10.026 17.9844 10.0052 17.9844 9.98438 17.9844C9.98438 15.3177 9.98438 12.651 9.98438 9.98438C10.9438 9.48384 11.9021 8.98384 12.8594 8.48438C12.8698 8.48438 12.8802 8.48438 12.8906 8.48438C12.8854 9.07822 12.8906 9.67197 12.9062 10.2656C13.2664 9.85241 13.6153 9.43053 13.9531 9C14.2373 9.07212 14.5186 9.16066 14.7969 9.26562C14.7969 8.69272 14.7969 8.11978 14.7969 7.54688C14.7969 7.52603 14.8073 7.51562 14.8281 7.51562C15.8105 6.99169 16.8001 6.48128 17.7969 5.98438Z" fill="#A67E4F"/>
-      <path fill-rule="evenodd" clip-rule="evenodd" d="M14.7969 7.54688C14.7969 8.11978 14.7969 8.69272 14.7969 9.26562C14.5186 9.16066 14.2373 9.07212 13.9531 9C13.6153 9.43053 13.2664 9.85241 12.9063 10.2656C12.8906 9.67197 12.8854 9.07822 12.8906 8.48438C13.5212 8.16387 14.1567 7.85138 14.7969 7.54688Z" fill="#D6B9A2"/>
-    </svg>
-
-)
+export const PMIcon = () => (
+  <svg
+    width="20"
+    height="20"
+    viewBox="0 0 20 20"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      opacity="0.99"
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M9.92188 1.98438C9.96353 1.98438 10.0052 1.98438 10.0469 1.98438C12.6302 3.31771 15.2135 4.65104 17.7969 5.98438C16.8001 6.48128 15.8105 6.99169 14.8281 7.51562C14.814 7.48569 14.7932 7.45962 14.7656 7.4375C12.1901 6.1185 9.61716 4.80079 7.04688 3.48438C8.00522 2.98438 8.96353 2.48438 9.92188 1.98438Z"
+      fill="#D9AC80"
+    />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M7.04688 3.48438C9.61716 4.80079 12.1901 6.1185 14.7656 7.4375C14.7932 7.45963 14.814 7.48569 14.8281 7.51562C14.8073 7.51562 14.7969 7.52603 14.7969 7.54688C14.1567 7.85138 13.5212 8.16388 12.8906 8.48438C12.8802 8.48438 12.8698 8.48438 12.8594 8.48438C10.2859 7.13513 7.70259 5.80181 5.10938 4.48438C5.74516 4.13521 6.391 3.80187 7.04688 3.48438Z"
+      fill="#F1D2B9"
+    />
+    <path
+      opacity="0.997"
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M5.10938 4.48438C7.70259 5.80181 10.2859 7.13513 12.8594 8.48438C11.9021 8.98384 10.9438 9.48384 9.98438 9.98438C7.38916 8.63466 4.78498 7.30134 2.17188 5.98438C3.14104 5.46853 4.12021 4.96853 5.10938 4.48438Z"
+      fill="#D8AB7F"
+    />
+    <path
+      opacity="0.996"
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M2.17187 5.98438C4.78498 7.30134 7.38916 8.63466 9.98438 9.98438C9.98438 12.651 9.98438 15.3177 9.98438 17.9844C9.96353 17.9844 9.94272 17.9844 9.92188 17.9844C7.353 16.6504 4.77487 15.3275 2.1875 14.0156C2.17187 11.3386 2.16667 8.66147 2.17187 5.98438Z"
+      fill="#926E43"
+    />
+    <path
+      opacity="0.996"
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M17.7969 5.98438C17.8021 8.66147 17.7969 11.3386 17.7812 14.0156C15.1939 15.3275 12.6158 16.6504 10.0469 17.9844C10.026 17.9844 10.0052 17.9844 9.98438 17.9844C9.98438 15.3177 9.98438 12.651 9.98438 9.98438C10.9438 9.48384 11.9021 8.98384 12.8594 8.48438C12.8698 8.48438 12.8802 8.48438 12.8906 8.48438C12.8854 9.07822 12.8906 9.67197 12.9062 10.2656C13.2664 9.85241 13.6153 9.43053 13.9531 9C14.2373 9.07212 14.5186 9.16066 14.7969 9.26562C14.7969 8.69272 14.7969 8.11978 14.7969 7.54688C14.7969 7.52603 14.8073 7.51562 14.8281 7.51562C15.8105 6.99169 16.8001 6.48128 17.7969 5.98438Z"
+      fill="#A67E4F"
+    />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M14.7969 7.54688C14.7969 8.11978 14.7969 8.69272 14.7969 9.26562C14.5186 9.16066 14.2373 9.07212 13.9531 9C13.6153 9.43053 13.2664 9.85241 12.9063 10.2656C12.8906 9.67197 12.8854 9.07822 12.8906 8.48438C13.5212 8.16387 14.1567 7.85138 14.7969 7.54688Z"
+      fill="#D6B9A2"
+    />
+  </svg>
+);
diff --git a/src/uxcore/assets/icons/PMIconGrey.tsx b/src/uxcore/assets/icons/PMIconGrey.tsx
index e489686e..dc6d39d9 100644
--- a/src/uxcore/assets/icons/PMIconGrey.tsx
+++ b/src/uxcore/assets/icons/PMIconGrey.tsx
@@ -1,11 +1,50 @@
 export const PMIconGrey = () => (
-  <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path opacity="0.99" fill-rule="evenodd" clip-rule="evenodd" d="M9.92188 1.98438C9.96353 1.98438 10.0052 1.98438 10.0469 1.98438C12.6302 3.31771 15.2135 4.65104 17.7969 5.98438C16.8001 6.48128 15.8105 6.99169 14.8281 7.51562C14.814 7.48569 14.7932 7.45962 14.7656 7.4375C12.1901 6.1185 9.61716 4.80079 7.04688 3.48438C8.00522 2.98438 8.96353 2.48438 9.92188 1.98438Z" fill="#BBBBBB"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M7.04688 3.48438C9.61716 4.80079 12.1901 6.1185 14.7656 7.4375C14.7932 7.45963 14.814 7.48569 14.8281 7.51562C14.8073 7.51562 14.7969 7.52603 14.7969 7.54688C14.1567 7.85138 13.5212 8.16388 12.8906 8.48438C12.8802 8.48438 12.8698 8.48438 12.8594 8.48438C10.2859 7.13513 7.70259 5.80181 5.10938 4.48438C5.74516 4.13521 6.391 3.80187 7.04688 3.48438Z" fill="#E2E2E2"/>
-    <path opacity="0.997" fill-rule="evenodd" clip-rule="evenodd" d="M5.10938 4.48438C7.70259 5.80181 10.2859 7.13513 12.8594 8.48438C11.9021 8.98384 10.9438 9.48384 9.98438 9.98438C7.38916 8.63466 4.78498 7.30134 2.17188 5.98438C3.14104 5.46853 4.12021 4.96853 5.10938 4.48438Z" fill="#BBBBBB"/>
-    <path opacity="0.996" fill-rule="evenodd" clip-rule="evenodd" d="M2.17187 5.98438C4.78498 7.30134 7.38916 8.63466 9.98438 9.98438C9.98438 12.651 9.98438 15.3177 9.98438 17.9844C9.96353 17.9844 9.94272 17.9844 9.92188 17.9844C7.353 16.6504 4.77487 15.3275 2.1875 14.0156C2.17187 11.3386 2.16667 8.66147 2.17187 5.98438Z" fill="#808080"/>
-    <path opacity="0.996" fill-rule="evenodd" clip-rule="evenodd" d="M17.7969 5.98438C17.8021 8.66147 17.7969 11.3386 17.7812 14.0156C15.1939 15.3275 12.6158 16.6504 10.0469 17.9844C10.026 17.9844 10.0052 17.9844 9.98438 17.9844C9.98438 15.3177 9.98438 12.651 9.98438 9.98438C10.9438 9.48384 11.9021 8.98384 12.8594 8.48438C12.8698 8.48438 12.8802 8.48438 12.8906 8.48438C12.8854 9.07822 12.8906 9.67197 12.9062 10.2656C13.2664 9.85241 13.6153 9.43053 13.9531 9C14.2373 9.07212 14.5186 9.16066 14.7969 9.26562C14.7969 8.69272 14.7969 8.11978 14.7969 7.54688C14.7969 7.52603 14.8073 7.51562 14.8281 7.51562C15.8105 6.99169 16.8001 6.48128 17.7969 5.98438Z" fill="#9F9F9F"/>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M14.7969 7.54688C14.7969 8.11978 14.7969 8.69272 14.7969 9.26562C14.5186 9.16066 14.2373 9.07212 13.9531 9C13.6153 9.43053 13.2664 9.85241 12.9063 10.2656C12.8906 9.67197 12.8854 9.07822 12.8906 8.48438C13.5212 8.16387 14.1567 7.85138 14.7969 7.54688Z" fill="#E2E2E2"/>
+  <svg
+    width="20"
+    height="20"
+    viewBox="0 0 20 20"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      opacity="0.99"
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M9.92188 1.98438C9.96353 1.98438 10.0052 1.98438 10.0469 1.98438C12.6302 3.31771 15.2135 4.65104 17.7969 5.98438C16.8001 6.48128 15.8105 6.99169 14.8281 7.51562C14.814 7.48569 14.7932 7.45962 14.7656 7.4375C12.1901 6.1185 9.61716 4.80079 7.04688 3.48438C8.00522 2.98438 8.96353 2.48438 9.92188 1.98438Z"
+      fill="#BBBBBB"
+    />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M7.04688 3.48438C9.61716 4.80079 12.1901 6.1185 14.7656 7.4375C14.7932 7.45963 14.814 7.48569 14.8281 7.51562C14.8073 7.51562 14.7969 7.52603 14.7969 7.54688C14.1567 7.85138 13.5212 8.16388 12.8906 8.48438C12.8802 8.48438 12.8698 8.48438 12.8594 8.48438C10.2859 7.13513 7.70259 5.80181 5.10938 4.48438C5.74516 4.13521 6.391 3.80187 7.04688 3.48438Z"
+      fill="#E2E2E2"
+    />
+    <path
+      opacity="0.997"
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M5.10938 4.48438C7.70259 5.80181 10.2859 7.13513 12.8594 8.48438C11.9021 8.98384 10.9438 9.48384 9.98438 9.98438C7.38916 8.63466 4.78498 7.30134 2.17188 5.98438C3.14104 5.46853 4.12021 4.96853 5.10938 4.48438Z"
+      fill="#BBBBBB"
+    />
+    <path
+      opacity="0.996"
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M2.17187 5.98438C4.78498 7.30134 7.38916 8.63466 9.98438 9.98438C9.98438 12.651 9.98438 15.3177 9.98438 17.9844C9.96353 17.9844 9.94272 17.9844 9.92188 17.9844C7.353 16.6504 4.77487 15.3275 2.1875 14.0156C2.17187 11.3386 2.16667 8.66147 2.17187 5.98438Z"
+      fill="#808080"
+    />
+    <path
+      opacity="0.996"
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M17.7969 5.98438C17.8021 8.66147 17.7969 11.3386 17.7812 14.0156C15.1939 15.3275 12.6158 16.6504 10.0469 17.9844C10.026 17.9844 10.0052 17.9844 9.98438 17.9844C9.98438 15.3177 9.98438 12.651 9.98438 9.98438C10.9438 9.48384 11.9021 8.98384 12.8594 8.48438C12.8698 8.48438 12.8802 8.48438 12.8906 8.48438C12.8854 9.07822 12.8906 9.67197 12.9062 10.2656C13.2664 9.85241 13.6153 9.43053 13.9531 9C14.2373 9.07212 14.5186 9.16066 14.7969 9.26562C14.7969 8.69272 14.7969 8.11978 14.7969 7.54688C14.7969 7.52603 14.8073 7.51562 14.8281 7.51562C15.8105 6.99169 16.8001 6.48128 17.7969 5.98438Z"
+      fill="#9F9F9F"
+    />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M14.7969 7.54688C14.7969 8.11978 14.7969 8.69272 14.7969 9.26562C14.5186 9.16066 14.2373 9.07212 13.9531 9C13.6153 9.43053 13.2664 9.85241 12.9063 10.2656C12.8906 9.67197 12.8854 9.07822 12.8906 8.48438C13.5212 8.16387 14.1567 7.85138 14.7969 7.54688Z"
+      fill="#E2E2E2"
+    />
   </svg>
-
-)
+);
diff --git a/src/uxcore/components/Accordion/Accordion.tsx b/src/uxcore/components/Accordion/Accordion.tsx
index 0aa389aa..080f5b45 100644
--- a/src/uxcore/components/Accordion/Accordion.tsx
+++ b/src/uxcore/components/Accordion/Accordion.tsx
@@ -1,15 +1,12 @@
+import ccordionIntl from '@uxcore/data/accordion';
+import useMobile from '@uxcore/hooks/useMobile';
+import type { TRouter } from '@uxcore/local-types/global';
 import cn from 'classnames';
 import Image from 'next/image';
 import Link from 'next/link';
 import { useRouter } from 'next/router';
 import type { FC } from 'react';
 
-import type { TRouter } from '@uxcore/local-types/global';
-
-import useMobile from '@uxcore/hooks/useMobile';
-
-import ccordionIntl from '@uxcore/data/accordion';
-
 import styles from './Accordion.module.scss';
 
 type AccordionProps = {
diff --git a/src/uxcore/components/AccountHeader/AccountHeader.tsx b/src/uxcore/components/AccountHeader/AccountHeader.tsx
index 58dac23a..d3f2978e 100644
--- a/src/uxcore/components/AccountHeader/AccountHeader.tsx
+++ b/src/uxcore/components/AccountHeader/AccountHeader.tsx
@@ -1,10 +1,9 @@
+import RankingInfoAndBtn from '@uxcore/components/AccountHeader/RankingInfoAndBtn';
+import AccountInfo from '@uxcore/components/AccountInfo';
 import cn from 'classnames';
 import Image from 'next/image';
 import { FC } from 'react';
 
-import RankingInfoAndBtn from '@uxcore/components/AccountHeader/RankingInfoAndBtn';
-import AccountInfo from '@uxcore/components/AccountInfo';
-
 import styles from './AccountHeader.module.scss';
 
 type AccountHeaderProps = {
diff --git a/src/uxcore/components/AccountHeader/RankingInfoAndBtn/RankingInfoAndBtn.tsx b/src/uxcore/components/AccountHeader/RankingInfoAndBtn/RankingInfoAndBtn.tsx
index 95d41a27..bbd0aa9e 100644
--- a/src/uxcore/components/AccountHeader/RankingInfoAndBtn/RankingInfoAndBtn.tsx
+++ b/src/uxcore/components/AccountHeader/RankingInfoAndBtn/RankingInfoAndBtn.tsx
@@ -1,15 +1,12 @@
+import StartTestBtn from '@uxcore/components/StartTestBtn';
+import Tooltip from '@uxcore/components/Tooltip';
+import uxcatData from '@uxcore/data/uxcat';
+import { TRouter } from '@uxcore/local-types/global';
 import cn from 'classnames';
 import { useRouter } from 'next/router';
 import { FC, useEffect, useState } from 'react';
 import { Tooltip as ReactTooltip } from 'react-tooltip';
 
-import { TRouter } from '@uxcore/local-types/global';
-
-import uxcatData from '@uxcore/data/uxcat';
-
-import StartTestBtn from '@uxcore/components/StartTestBtn';
-import Tooltip from '@uxcore/components/Tooltip';
-
 import styles from './RankingInfoAndBtn.module.scss';
 
 interface RankingInfoAndBtnProps {
diff --git a/src/uxcore/components/AccountInfo/AccountInfo.module.scss b/src/uxcore/components/AccountInfo/AccountInfo.module.scss
index a2377047..abe8487d 100644
--- a/src/uxcore/components/AccountInfo/AccountInfo.module.scss
+++ b/src/uxcore/components/AccountInfo/AccountInfo.module.scss
@@ -10,7 +10,8 @@
 
   .tooltipContainer {
     z-index: 99999;
-    background: linear-gradient(
+    background:
+      linear-gradient(
         94deg,
         rgba(231, 233, 255, 0.61) 23.62%,
         rgba(210, 215, 255, 0.61) 99.75%
diff --git a/src/uxcore/components/AccountInfo/AccountInfo.tsx b/src/uxcore/components/AccountInfo/AccountInfo.tsx
index 5d902c94..916e0d24 100644
--- a/src/uxcore/components/AccountInfo/AccountInfo.tsx
+++ b/src/uxcore/components/AccountInfo/AccountInfo.tsx
@@ -1,3 +1,7 @@
+import uxcatData from '@uxcore/data/uxcat';
+import { useClickOutside } from '@uxcore/hooks/useClickOutside';
+import { isLevelMilestone } from '@uxcore/lib/uxcat-helpers';
+import { TRouter } from '@uxcore/local-types/global';
 import cn from 'classnames';
 import Image from 'next/image';
 import { useRouter } from 'next/router';
@@ -5,14 +9,6 @@ import React, { FC, useState } from 'react';
 import Skeleton from 'react-loading-skeleton';
 import { Tooltip as ReactTooltip } from 'react-tooltip';
 
-import { TRouter } from '@uxcore/local-types/global';
-
-import { useClickOutside } from '@uxcore/hooks/useClickOutside';
-
-import { isLevelMilestone } from '@uxcore/lib/uxcat-helpers';
-
-import uxcatData from '@uxcore/data/uxcat';
-
 import styles from './AccountInfo.module.scss';
 
 type AccountInfoProps = {
diff --git a/src/uxcore/components/Achievement/Achievement.module.scss b/src/uxcore/components/Achievement/Achievement.module.scss
index 43db40bb..a119458d 100644
--- a/src/uxcore/components/Achievement/Achievement.module.scss
+++ b/src/uxcore/components/Achievement/Achievement.module.scss
@@ -62,7 +62,8 @@
 
   .tooltipContainer {
     z-index: 99999;
-    background: linear-gradient(
+    background:
+      linear-gradient(
         94deg,
         rgba(231, 233, 255, 0.61) 23.62%,
         rgba(210, 215, 255, 0.61) 99.75%
diff --git a/src/uxcore/components/Achievement/Achievement.tsx b/src/uxcore/components/Achievement/Achievement.tsx
index d264820a..3d60b6bf 100644
--- a/src/uxcore/components/Achievement/Achievement.tsx
+++ b/src/uxcore/components/Achievement/Achievement.tsx
@@ -1,3 +1,5 @@
+import AchievementModal from '@uxcore/components/AchievementModal';
+import AnimatedText from '@uxcore/components/AnimatedText';
 import cn from 'classnames';
 import dynamic from 'next/dynamic';
 import Image from 'next/image';
@@ -5,9 +7,6 @@ import React, { FC, useEffect, useState } from 'react';
 import Skeleton from 'react-loading-skeleton';
 import { Tooltip as ReactTooltip } from 'react-tooltip';
 
-import AchievementModal from '@uxcore/components/AchievementModal';
-import AnimatedText from '@uxcore/components/AnimatedText';
-
 import type { AchievementProps } from './Achievement.types';
 
 import styles from './Achievement.module.scss';
diff --git a/src/uxcore/components/AchievementContainer/AchievementContainer.tsx b/src/uxcore/components/AchievementContainer/AchievementContainer.tsx
index 23dc859a..39608872 100644
--- a/src/uxcore/components/AchievementContainer/AchievementContainer.tsx
+++ b/src/uxcore/components/AchievementContainer/AchievementContainer.tsx
@@ -1,13 +1,11 @@
+import Button from '@uxcore/components/Button';
+import UXCatPageTitle from '@uxcore/components/UXCatPageTitle';
+import type { TRouter } from '@uxcore/local-types/global';
 import dynamic from 'next/dynamic';
 import { useRouter } from 'next/router';
 import { FC, useEffect, useState } from 'react';
 import Skeleton from 'react-loading-skeleton';
 
-import type { TRouter } from '@uxcore/local-types/global';
-
-import Button from '@uxcore/components/Button';
-import UXCatPageTitle from '@uxcore/components/UXCatPageTitle';
-
 import styles from './AchievementContainer.module.scss';
 
 const Achievement = dynamic(() => import('@uxcore/components/Achievement'), {
diff --git a/src/uxcore/components/AchievementModal/AchievementModal.module.scss b/src/uxcore/components/AchievementModal/AchievementModal.module.scss
index 5624fc9b..5494e95c 100644
--- a/src/uxcore/components/AchievementModal/AchievementModal.module.scss
+++ b/src/uxcore/components/AchievementModal/AchievementModal.module.scss
@@ -1,7 +1,8 @@
 .wrapper {
   max-width: 100% !important;
   margin: 0 !important;
-  background: linear-gradient(
+  background:
+    linear-gradient(
       94deg,
       rgba(231, 233, 255, 0.61) 23.62%,
       rgba(210, 215, 255, 0.61) 99.75%
diff --git a/src/uxcore/components/AchievementModal/AchievementModal.tsx b/src/uxcore/components/AchievementModal/AchievementModal.tsx
index 588b4597..5b4bb70b 100644
--- a/src/uxcore/components/AchievementModal/AchievementModal.tsx
+++ b/src/uxcore/components/AchievementModal/AchievementModal.tsx
@@ -1,14 +1,11 @@
+import Modal from '@uxcore/components/Modal';
+import uxcatData from '@uxcore/data/uxcat';
+import { TRouter } from '@uxcore/local-types/global';
 import cn from 'classnames';
 import Image from 'next/image';
 import { useRouter } from 'next/router';
 import { FC } from 'react';
 
-import { TRouter } from '@uxcore/local-types/global';
-
-import uxcatData from '@uxcore/data/uxcat';
-
-import Modal from '@uxcore/components/Modal';
-
 import styles from './AchievementModal.module.scss';
 
 type AchievementModalProps = {
diff --git a/src/uxcore/components/Achievements/Achievements.tsx b/src/uxcore/components/Achievements/Achievements.tsx
index 8fa285c6..245f9888 100644
--- a/src/uxcore/components/Achievements/Achievements.tsx
+++ b/src/uxcore/components/Achievements/Achievements.tsx
@@ -1,19 +1,15 @@
+import Achievement from '@uxcore/components/Achievement';
+import UnlockMeter from '@uxcore/components/UnlockMeter';
+import uxcatData from '@uxcore/data/uxcat';
+import { sortAchievements } from '@uxcore/lib/uxcat-helpers';
+import { TRouter } from '@uxcore/local-types/global';
+import { AchievementsTypes } from '@uxcore/local-types/uxcat-types/types';
 import cn from 'classnames';
 import { useRouter } from 'next/router';
 import { FC } from 'react';
 import { DraggableProvidedDragHandleProps } from 'react-beautiful-dnd';
 import Skeleton from 'react-loading-skeleton';
 
-import { TRouter } from '@uxcore/local-types/global';
-import { AchievementsTypes } from '@uxcore/local-types/uxcat-types/types';
-
-import { sortAchievements } from '@uxcore/lib/uxcat-helpers';
-
-import uxcatData from '@uxcore/data/uxcat';
-
-import Achievement from '@uxcore/components/Achievement';
-import UnlockMeter from '@uxcore/components/UnlockMeter';
-
 import styles from './Achievements.module.scss';
 
 type AchievementsProps = {
diff --git a/src/uxcore/components/AchievementsBoard/AchievementBoard.types.ts b/src/uxcore/components/AchievementsBoard/AchievementBoard.types.ts
index 2b4dbffc..7d482eff 100644
--- a/src/uxcore/components/AchievementsBoard/AchievementBoard.types.ts
+++ b/src/uxcore/components/AchievementsBoard/AchievementBoard.types.ts
@@ -1,3 +1,4 @@
+import { AchievementsTypes } from '@uxcore/local-types/uxcat-types/types';
 import {
   ClassAttributes,
   HTMLAttributes,
@@ -9,8 +10,6 @@ import {
   ReactPortal,
 } from 'react';
 
-import { AchievementsTypes } from '@uxcore/local-types/uxcat-types/types';
-
 export type AchievementsBoardProps = {
   achievements: any;
   handleOnDragEnd: any;
diff --git a/src/uxcore/components/AchievementsBoard/AchievementsBoard.tsx b/src/uxcore/components/AchievementsBoard/AchievementsBoard.tsx
index 68173993..a2c7fea2 100644
--- a/src/uxcore/components/AchievementsBoard/AchievementsBoard.tsx
+++ b/src/uxcore/components/AchievementsBoard/AchievementsBoard.tsx
@@ -1,10 +1,8 @@
+import Achievements from '@uxcore/components/Achievements';
+import useMobile from '@uxcore/hooks/useMobile';
 import { FC } from 'react';
 import { DragDropContext, Draggable, Droppable } from 'react-beautiful-dnd';
 
-import useMobile from '@uxcore/hooks/useMobile';
-
-import Achievements from '@uxcore/components/Achievements';
-
 import {
   AchievementsBoardProps,
   providedChildProps,
diff --git a/src/uxcore/components/AddToCalendar/AddToCalendar.tsx b/src/uxcore/components/AddToCalendar/AddToCalendar.tsx
index 0def0567..4683726e 100644
--- a/src/uxcore/components/AddToCalendar/AddToCalendar.tsx
+++ b/src/uxcore/components/AddToCalendar/AddToCalendar.tsx
@@ -1,17 +1,13 @@
+import CalendarItems from '@uxcore/components/CalendarItems';
+import Modal from '@uxcore/components/Modal';
+import calendar from '@uxcore/data/uxcat/calendar';
+import { useClickOutside } from '@uxcore/hooks/useClickOutside';
+import useMobile from '@uxcore/hooks/useMobile';
+import type { TRouter } from '@uxcore/local-types/global';
 import cn from 'classnames';
 import { useRouter } from 'next/router';
 import { FC, useState } from 'react';
 
-import type { TRouter } from '@uxcore/local-types/global';
-
-import { useClickOutside } from '@uxcore/hooks/useClickOutside';
-import useMobile from '@uxcore/hooks/useMobile';
-
-import calendar from '@uxcore/data/uxcat/calendar';
-
-import CalendarItems from '@uxcore/components/CalendarItems';
-import Modal from '@uxcore/components/Modal';
-
 import styles from './AddToCalendar.module.scss';
 
 type AddToCalendarProps = {
diff --git a/src/uxcore/components/AnswerBiasLink/AnswerBiasLink.tsx b/src/uxcore/components/AnswerBiasLink/AnswerBiasLink.tsx
index 5731402b..918d2642 100644
--- a/src/uxcore/components/AnswerBiasLink/AnswerBiasLink.tsx
+++ b/src/uxcore/components/AnswerBiasLink/AnswerBiasLink.tsx
@@ -1,8 +1,6 @@
-import type { FC } from 'react';
-
-import type { StrapiBiasType } from '@uxcore/local-types/data';
-
 import useMobile from '@uxcore/hooks/useMobile';
+import type { StrapiBiasType } from '@uxcore/local-types/data';
+import type { FC } from 'react';
 
 import Desktop from './Desktop';
 import Mobile from './Mobile';
diff --git a/src/uxcore/components/AnswerBiasLink/BiasPopupContent/BiasPopupContent.tsx b/src/uxcore/components/AnswerBiasLink/BiasPopupContent/BiasPopupContent.tsx
index 9ca5573c..1db6d12d 100644
--- a/src/uxcore/components/AnswerBiasLink/BiasPopupContent/BiasPopupContent.tsx
+++ b/src/uxcore/components/AnswerBiasLink/BiasPopupContent/BiasPopupContent.tsx
@@ -1,13 +1,10 @@
+import ContentParser from '@uxcore/components/ContentParser';
+import biasPopupIntl from '@uxcore/data/biasPopup';
+import useMobile from '@uxcore/hooks/useMobile';
 import cn from 'classnames';
 import Link from 'next/link';
 import { FC } from 'react';
 
-import useMobile from '@uxcore/hooks/useMobile';
-
-import biasPopupIntl from '@uxcore/data/biasPopup';
-
-import ContentParser from '@uxcore/components/ContentParser';
-
 import UxCoreStyle from '../../UXCoreModal/UXCoreModal.module.scss';
 import styles from './BiasPopupContent.module.scss';
 
diff --git a/src/uxcore/components/AnswerBiasLink/Desktop/Desktop.tsx b/src/uxcore/components/AnswerBiasLink/Desktop/Desktop.tsx
index 23635a76..d44a0f89 100644
--- a/src/uxcore/components/AnswerBiasLink/Desktop/Desktop.tsx
+++ b/src/uxcore/components/AnswerBiasLink/Desktop/Desktop.tsx
@@ -1,7 +1,6 @@
-import type { FC } from 'react';
-
 import BiasPopupContent from '@uxcore/components/AnswerBiasLink/BiasPopupContent';
 import Tooltip from '@uxcore/components/Tooltip';
+import type { FC } from 'react';
 
 interface DesktopProps {
   containerClassName: string;
diff --git a/src/uxcore/components/AnswerContentGenerator/AnswerContentGenerator.tsx b/src/uxcore/components/AnswerContentGenerator/AnswerContentGenerator.tsx
index 2d9f2af4..589371a6 100644
--- a/src/uxcore/components/AnswerContentGenerator/AnswerContentGenerator.tsx
+++ b/src/uxcore/components/AnswerContentGenerator/AnswerContentGenerator.tsx
@@ -1,10 +1,8 @@
-import { useRouter } from 'next/router';
-import { FC, Fragment } from 'react';
-
+import AnswerBiasLink from '@uxcore/components/AnswerBiasLink';
 import type { StrapiBiasType } from '@uxcore/local-types/data';
 import type { TRouter } from '@uxcore/local-types/global';
-
-import AnswerBiasLink from '@uxcore/components/AnswerBiasLink';
+import { useRouter } from 'next/router';
+import { FC, Fragment } from 'react';
 
 interface AnswerContentGeneratorProps {
   text: string;
diff --git a/src/uxcore/components/BadgeBox/BadgeBox.tsx b/src/uxcore/components/BadgeBox/BadgeBox.tsx
index bc6b8183..6ad4871f 100644
--- a/src/uxcore/components/BadgeBox/BadgeBox.tsx
+++ b/src/uxcore/components/BadgeBox/BadgeBox.tsx
@@ -1,8 +1,7 @@
+import Starfall from '@uxcore/components/Starfall';
 import Image from 'next/image';
 import { FC } from 'react';
 
-import Starfall from '@uxcore/components/Starfall';
-
 import styles from './BadgeBox.module.scss';
 
 type BadgeBoxProps = {
diff --git a/src/uxcore/components/Box/Box.tsx b/src/uxcore/components/Box/Box.tsx
index c3634ebf..d20eabd6 100644
--- a/src/uxcore/components/Box/Box.tsx
+++ b/src/uxcore/components/Box/Box.tsx
@@ -1,13 +1,10 @@
+import Button from '@uxcore/components/Button';
+import cookieData from '@uxcore/data/cookies';
+import { TRouter } from '@uxcore/local-types/global';
 import cn from 'classnames';
 import { useRouter } from 'next/router';
 import { FC } from 'react';
 
-import { TRouter } from '@uxcore/local-types/global';
-
-import cookieData from '@uxcore/data/cookies';
-
-import Button from '@uxcore/components/Button';
-
 import styles from './Box.module.scss';
 
 interface CookiesBoxProps {
diff --git a/src/uxcore/components/Button/Button.tsx b/src/uxcore/components/Button/Button.tsx
index 2e10a622..1879754b 100644
--- a/src/uxcore/components/Button/Button.tsx
+++ b/src/uxcore/components/Button/Button.tsx
@@ -1,8 +1,7 @@
+import Loader from '@uxcore/assets/icons/Loader';
 import cn from 'classnames';
 import { FC, useCallback } from 'react';
 
-import Loader from '@uxcore/assets/icons/Loader';
-
 import styles from './Button.module.scss';
 
 type TButton = {
diff --git a/src/uxcore/components/ChristmasPopup/ChristmasPopup.tsx b/src/uxcore/components/ChristmasPopup/ChristmasPopup.tsx
index db78a20c..20cb1751 100644
--- a/src/uxcore/components/ChristmasPopup/ChristmasPopup.tsx
+++ b/src/uxcore/components/ChristmasPopup/ChristmasPopup.tsx
@@ -1,16 +1,13 @@
+import EmojiFall from '@uxcore/components/EmojiFall';
+import Modal from '@uxcore/components/Modal';
+import useMobile from '@uxcore/hooks/useMobile';
+import { TRouter } from '@uxcore/local-types/global';
 import cn from 'classnames';
 import Cookies from 'js-cookie';
 import Image from 'next/image';
 import { useRouter } from 'next/router';
 import { FC, useEffect, useState } from 'react';
 
-import { TRouter } from '@uxcore/local-types/global';
-
-import useMobile from '@uxcore/hooks/useMobile';
-
-import EmojiFall from '@uxcore/components/EmojiFall';
-import Modal from '@uxcore/components/Modal';
-
 import styles from './ChristmasPopup.module.scss';
 
 interface ChristmasPopupProps {
diff --git a/src/uxcore/components/CodeSnippet/CodeSnippet.tsx b/src/uxcore/components/CodeSnippet/CodeSnippet.tsx
index af103881..e33f0c35 100644
--- a/src/uxcore/components/CodeSnippet/CodeSnippet.tsx
+++ b/src/uxcore/components/CodeSnippet/CodeSnippet.tsx
@@ -1,8 +1,7 @@
-import cn from 'classnames';
-import { FC, useEffect, useRef, useState } from 'react';
-
 import Checkmark from '@uxcore/assets/icons/Checkmark';
 import CopyIcon from '@uxcore/assets/icons/CopyIcon';
+import cn from 'classnames';
+import { FC, useEffect, useRef, useState } from 'react';
 
 import styles from './CodeSnippet.module.scss';
 
diff --git a/src/uxcore/components/CompletionBar/CompletionBar.module.scss b/src/uxcore/components/CompletionBar/CompletionBar.module.scss
index 122875ce..8a98fbea 100644
--- a/src/uxcore/components/CompletionBar/CompletionBar.module.scss
+++ b/src/uxcore/components/CompletionBar/CompletionBar.module.scss
@@ -161,7 +161,8 @@
 
   .tooltipContainer {
     z-index: 99999;
-    background: linear-gradient(
+    background:
+      linear-gradient(
         94deg,
         rgba(231, 233, 255, 0.61) 23.62%,
         rgba(210, 215, 255, 0.61) 99.75%
@@ -216,12 +217,8 @@
   .completedTxt,
   .hoveredTxtOnGuestMode {
     color: #ff9900;
-    background: linear-gradient(
-        180deg,
-        #ff9900 0%,
-        #ffbf00 83.33%,
-        #ffc700 100%
-      ),
+    background:
+      linear-gradient(180deg, #ff9900 0%, #ffbf00 83.33%, #ffc700 100%),
       linear-gradient(0deg, #ffa001, #ffa001);
     -webkit-text-fill-color: transparent;
     -webkit-background-clip: text;
diff --git a/src/uxcore/components/CompletionBar/CompletionBar.tsx b/src/uxcore/components/CompletionBar/CompletionBar.tsx
index 308141ed..b0b23a0f 100644
--- a/src/uxcore/components/CompletionBar/CompletionBar.tsx
+++ b/src/uxcore/components/CompletionBar/CompletionBar.tsx
@@ -1,22 +1,18 @@
-import cn from 'classnames';
-import Image from 'next/image';
-import { useRouter } from 'next/router';
-import React, { FC, useEffect, useState } from 'react';
-import { Tooltip as ReactTooltip } from 'react-tooltip';
-
-import { TRouter } from '@uxcore/local-types/global';
-import { uxCatLevels } from '@uxcore/local-types/uxcat-types/types';
-
+import UXCatPageTitle from '@uxcore/components/UXCatPageTitle';
+import UXCatTooltip from '@uxcore/components/UXCatTooltip';
 import useMobile from '@uxcore/hooks/useMobile';
-
 import {
   findLevelDetail,
   formatDate,
   getPointsToNextLevel,
 } from '@uxcore/lib/uxcat-helpers';
-
-import UXCatPageTitle from '@uxcore/components/UXCatPageTitle';
-import UXCatTooltip from '@uxcore/components/UXCatTooltip';
+import { TRouter } from '@uxcore/local-types/global';
+import { uxCatLevels } from '@uxcore/local-types/uxcat-types/types';
+import cn from 'classnames';
+import Image from 'next/image';
+import { useRouter } from 'next/router';
+import React, { FC, useEffect, useState } from 'react';
+import { Tooltip as ReactTooltip } from 'react-tooltip';
 
 import styles from './CompletionBar.module.scss';
 
diff --git a/src/uxcore/components/CongratsModal/CongratsModal.tsx b/src/uxcore/components/CongratsModal/CongratsModal.tsx
index 784637b5..907efc0f 100644
--- a/src/uxcore/components/CongratsModal/CongratsModal.tsx
+++ b/src/uxcore/components/CongratsModal/CongratsModal.tsx
@@ -1,17 +1,13 @@
+import Button from '@uxcore/components/Button';
+import Modal from '@uxcore/components/Modal';
+import congratulationsModal from '@uxcore/data/uxcat/congratulationsModal';
+import useMobile from '@uxcore/hooks/useMobile';
+import { TRouter } from '@uxcore/local-types/global';
 import Image from 'next/image';
 import { useRouter } from 'next/router';
 import { FC } from 'react';
 import Confetti from 'react-confetti';
 
-import { TRouter } from '@uxcore/local-types/global';
-
-import useMobile from '@uxcore/hooks/useMobile';
-
-import congratulationsModal from '@uxcore/data/uxcat/congratulationsModal';
-
-import Button from '@uxcore/components/Button';
-import Modal from '@uxcore/components/Modal';
-
 import styles from './CongratsModal.module.scss';
 
 type CongratsModalProps = {
diff --git a/src/uxcore/components/ContentGenerator/elements/Image/Image.tsx b/src/uxcore/components/ContentGenerator/elements/Image/Image.tsx
index 957d796c..30b3df6e 100644
--- a/src/uxcore/components/ContentGenerator/elements/Image/Image.tsx
+++ b/src/uxcore/components/ContentGenerator/elements/Image/Image.tsx
@@ -1,13 +1,10 @@
+import imageModuleData from '@uxcore/data/imageModule';
+import useImageModule from '@uxcore/hooks/useImageModule';
+import type { TRouter } from '@uxcore/local-types/global';
 import cn from 'classnames';
 import { useRouter } from 'next/router';
 import { FC, useCallback } from 'react';
 
-import type { TRouter } from '@uxcore/local-types/global';
-
-import useImageModule from '@uxcore/hooks/useImageModule';
-
-import imageModuleData from '@uxcore/data/imageModule';
-
 type TImage = {
   styles: any;
   src: string;
diff --git a/src/uxcore/components/ContentGenerator/elements/Link/CustomLink.tsx b/src/uxcore/components/ContentGenerator/elements/Link/CustomLink.tsx
index 37a37e3b..2be93f8a 100644
--- a/src/uxcore/components/ContentGenerator/elements/Link/CustomLink.tsx
+++ b/src/uxcore/components/ContentGenerator/elements/Link/CustomLink.tsx
@@ -1,8 +1,7 @@
+import Link from '@uxcore/components/NextLink';
 import { useRouter } from 'next/router';
 import type { FC } from 'react';
 
-import Link from '@uxcore/components/NextLink';
-
 interface CustomLinkDataType {
   href: string;
   target?: '_blank';
diff --git a/src/uxcore/components/ContentHandler/ContentHandler.tsx b/src/uxcore/components/ContentHandler/ContentHandler.tsx
index ff9c1f0d..a12ad841 100644
--- a/src/uxcore/components/ContentHandler/ContentHandler.tsx
+++ b/src/uxcore/components/ContentHandler/ContentHandler.tsx
@@ -1,11 +1,9 @@
+import ContentParser from '@uxcore/components/ContentParser';
+import useGlobals from '@uxcore/hooks/useGlobals';
 import cn from 'classnames';
 import type { FC } from 'react';
 import { Fragment } from 'react';
 
-import useGlobals from '@uxcore/hooks/useGlobals';
-
-import ContentParser from '@uxcore/components/ContentParser';
-
 import styles from './ContentHandler.module.scss';
 
 type TContentHandler = {
diff --git a/src/uxcore/components/ContentParser/ContentParser.tsx b/src/uxcore/components/ContentParser/ContentParser.tsx
index 0263dcfa..e6040935 100644
--- a/src/uxcore/components/ContentParser/ContentParser.tsx
+++ b/src/uxcore/components/ContentParser/ContentParser.tsx
@@ -1,11 +1,10 @@
+import useContentType from '@uxcore/hooks/useContentType';
 import unescape from 'lodash.unescape';
 import { FC, Fragment, memo, useMemo } from 'react';
 import ReactMarkdown from 'react-markdown';
 import rehypeRaw from 'rehype-raw';
 import remarkBreaks from 'remark-breaks';
 
-import useContentType from '@uxcore/hooks/useContentType';
-
 type ContentParserProps = {
   data: any;
   styles?: any;
diff --git a/src/uxcore/components/CopyButton/CopyButton.tsx b/src/uxcore/components/CopyButton/CopyButton.tsx
index cddbd342..7be03980 100644
--- a/src/uxcore/components/CopyButton/CopyButton.tsx
+++ b/src/uxcore/components/CopyButton/CopyButton.tsx
@@ -1,13 +1,10 @@
+import copyButtonData from '@uxcore/data/copyButton';
+import { copyToClipboard } from '@uxcore/lib/helpers';
+import type { TRouter } from '@uxcore/local-types/global';
 import cn from 'classnames';
 import { useRouter } from 'next/router';
 import { FC, useCallback, useRef, useState } from 'react';
 
-import type { TRouter } from '@uxcore/local-types/global';
-
-import { copyToClipboard } from '@uxcore/lib/helpers';
-
-import copyButtonData from '@uxcore/data/copyButton';
-
 import styles from './CopyButton.module.scss';
 
 type TCopyButton = {
diff --git a/src/uxcore/components/CustomModal/CustomModal.tsx b/src/uxcore/components/CustomModal/CustomModal.tsx
index b1efe023..04544861 100644
--- a/src/uxcore/components/CustomModal/CustomModal.tsx
+++ b/src/uxcore/components/CustomModal/CustomModal.tsx
@@ -1,13 +1,11 @@
+import customModalData from '@uxcore/data/customModal';
+import type { TagType } from '@uxcore/local-types/data';
+import type { TRouter } from '@uxcore/local-types/global';
 import cn from 'classnames';
 import { useRouter } from 'next/router';
 import { FC, KeyboardEvent, useEffect } from 'react';
 import { createPortal } from 'react-dom';
 
-import type { TagType } from '@uxcore/local-types/data';
-import type { TRouter } from '@uxcore/local-types/global';
-
-import customModalData from '@uxcore/data/customModal';
-
 import { AddQuestion, ContactUs } from './contentTypes';
 
 import styles from './CustomModal.module.scss';
diff --git a/src/uxcore/components/CustomModal/contentTypes/AddQuestion/AddQuestion.tsx b/src/uxcore/components/CustomModal/contentTypes/AddQuestion/AddQuestion.tsx
index 8c178f23..eaf79b43 100644
--- a/src/uxcore/components/CustomModal/contentTypes/AddQuestion/AddQuestion.tsx
+++ b/src/uxcore/components/CustomModal/contentTypes/AddQuestion/AddQuestion.tsx
@@ -1,22 +1,16 @@
-import { useRouter } from 'next/router';
-import { FC, useCallback, useState } from 'react';
-
-import type { TagType } from '@uxcore/local-types/data';
-import type { TRouter } from '@uxcore/local-types/global';
-
-import useFormPopup from '@uxcore/hooks/useFormPopup';
-import useSpinner from '@uxcore/hooks/useSpinner';
-
-import { validateEmail } from '@uxcore/lib/helpers';
-
 import { addQuestionRequest } from '@uxcore/api/addQuestion';
-
-import addQuestionData from '@uxcore/data/addQuestion';
-
 import Button from '@uxcore/components/Button';
 import Input from '@uxcore/components/Input';
 import Tag from '@uxcore/components/Tag';
 import Textarea from '@uxcore/components/Textarea';
+import addQuestionData from '@uxcore/data/addQuestion';
+import useFormPopup from '@uxcore/hooks/useFormPopup';
+import useSpinner from '@uxcore/hooks/useSpinner';
+import { validateEmail } from '@uxcore/lib/helpers';
+import type { TagType } from '@uxcore/local-types/data';
+import type { TRouter } from '@uxcore/local-types/global';
+import { useRouter } from 'next/router';
+import { FC, useCallback, useState } from 'react';
 
 import styles from './AddQuestion.module.scss';
 
diff --git a/src/uxcore/components/CustomModal/contentTypes/ContactUs/ContactUs.tsx b/src/uxcore/components/CustomModal/contentTypes/ContactUs/ContactUs.tsx
index 698f23e6..df0fa23f 100644
--- a/src/uxcore/components/CustomModal/contentTypes/ContactUs/ContactUs.tsx
+++ b/src/uxcore/components/CustomModal/contentTypes/ContactUs/ContactUs.tsx
@@ -1,21 +1,15 @@
-import cn from 'classnames';
-import { useRouter } from 'next/router';
-import { FC, useCallback, useState } from 'react';
-
-import type { TRouter } from '@uxcore/local-types/global';
-
-import useFormPopup from '@uxcore/hooks/useFormPopup';
-import useSpinner from '@uxcore/hooks/useSpinner';
-
-import { validateEmail } from '@uxcore/lib/helpers';
-
 import { contactUsRequest } from '@uxcore/api/contactUs';
-
-import contactUsData from '@uxcore/data/contactUs';
-
 import Button from '@uxcore/components/Button';
 import Input from '@uxcore/components/Input';
 import Textarea from '@uxcore/components/Textarea';
+import contactUsData from '@uxcore/data/contactUs';
+import useFormPopup from '@uxcore/hooks/useFormPopup';
+import useSpinner from '@uxcore/hooks/useSpinner';
+import { validateEmail } from '@uxcore/lib/helpers';
+import type { TRouter } from '@uxcore/local-types/global';
+import cn from 'classnames';
+import { useRouter } from 'next/router';
+import { FC, useCallback, useState } from 'react';
 
 import styles from './ContactUs.module.scss';
 
diff --git a/src/uxcore/components/Dropdown/Dropdown.tsx b/src/uxcore/components/Dropdown/Dropdown.tsx
index e2febe2c..9ecf4ee8 100644
--- a/src/uxcore/components/Dropdown/Dropdown.tsx
+++ b/src/uxcore/components/Dropdown/Dropdown.tsx
@@ -1,13 +1,10 @@
+import uxcatData from '@uxcore/data/uxcat';
+import { useClickOutside } from '@uxcore/hooks/useClickOutside';
+import { TRouter } from '@uxcore/local-types/global';
 import cn from 'classnames';
 import { useRouter } from 'next/router';
 import { FC, useEffect, useState } from 'react';
 
-import { TRouter } from '@uxcore/local-types/global';
-
-import { useClickOutside } from '@uxcore/hooks/useClickOutside';
-
-import uxcatData from '@uxcore/data/uxcat';
-
 import styles from './Dropdown.module.scss';
 
 interface DropdownProps {
diff --git a/src/uxcore/components/FormPopup/FormPopup.tsx b/src/uxcore/components/FormPopup/FormPopup.tsx
index a29893e5..c1404e6b 100644
--- a/src/uxcore/components/FormPopup/FormPopup.tsx
+++ b/src/uxcore/components/FormPopup/FormPopup.tsx
@@ -1,15 +1,11 @@
+import Button from '@uxcore/components/Button';
+import formPopupIntl from '@uxcore/data/formPopup';
+import useFormPopup from '@uxcore/hooks/useFormPopup';
+import type { TRouter } from '@uxcore/local-types/global';
 import { useRouter } from 'next/router';
 import React, { KeyboardEvent, useCallback, useEffect, useState } from 'react';
 import { createPortal } from 'react-dom';
 
-import type { TRouter } from '@uxcore/local-types/global';
-
-import useFormPopup from '@uxcore/hooks/useFormPopup';
-
-import formPopupIntl from '@uxcore/data/formPopup';
-
-import Button from '@uxcore/components/Button';
-
 import styles from './FormPopup.module.scss';
 
 const FormPopup = () => {
diff --git a/src/uxcore/components/GenderModal/GenderModal.tsx b/src/uxcore/components/GenderModal/GenderModal.tsx
index e209b0eb..359f610b 100644
--- a/src/uxcore/components/GenderModal/GenderModal.tsx
+++ b/src/uxcore/components/GenderModal/GenderModal.tsx
@@ -1,14 +1,10 @@
-import { useRouter } from 'next/router';
-import { FC, useEffect, useState } from 'react';
-
-import { TRouter } from '@uxcore/local-types/global';
-
 import { userInfoUpdate } from '@uxcore/api/uxcat/settings';
-
-import genderModalData from '@uxcore/data/genderModalData';
-
 import Button from '@uxcore/components/Button';
 import Modal from '@uxcore/components/Modal';
+import genderModalData from '@uxcore/data/genderModalData';
+import { TRouter } from '@uxcore/local-types/global';
+import { useRouter } from 'next/router';
+import { FC, useEffect, useState } from 'react';
 
 import styles from './GenderModal.module.scss';
 
diff --git a/src/uxcore/components/LanguageSwitcher/LanguageSwitcher.tsx b/src/uxcore/components/LanguageSwitcher/LanguageSwitcher.tsx
index 400b4d74..ca9ed694 100644
--- a/src/uxcore/components/LanguageSwitcher/LanguageSwitcher.tsx
+++ b/src/uxcore/components/LanguageSwitcher/LanguageSwitcher.tsx
@@ -1,11 +1,10 @@
+import { useClickOutside } from '@uxcore/hooks/useClickOutside';
 import cn from 'classnames';
 import Image from 'next/image';
 import Link from 'next/link';
 import { useRouter } from 'next/router';
 import { FC } from 'react';
 
-import { useClickOutside } from '@uxcore/hooks/useClickOutside';
-
 import styles from './LanguageSwitcher.module.scss';
 
 type SectionType = 'uxcore' | 'uxcg';
diff --git a/src/uxcore/components/Leaderboard/Leaderboard.tsx b/src/uxcore/components/Leaderboard/Leaderboard.tsx
index 3b4be08a..58608c49 100644
--- a/src/uxcore/components/Leaderboard/Leaderboard.tsx
+++ b/src/uxcore/components/Leaderboard/Leaderboard.tsx
@@ -1,17 +1,13 @@
+import Tooltip from '@uxcore/components/Tooltip';
+import UXCatPageTitle from '@uxcore/components/UXCatPageTitle';
+import leaderboardPlaceholder from '@uxcore/data/leaderboard';
+import useMobile from '@uxcore/hooks/useMobile';
+import { TRouter } from '@uxcore/local-types/global';
 import cn from 'classnames';
 import Image from 'next/image';
 import { useRouter } from 'next/router';
 import React, { FC } from 'react';
 
-import { TRouter } from '@uxcore/local-types/global';
-
-import useMobile from '@uxcore/hooks/useMobile';
-
-import leaderboardPlaceholder from '@uxcore/data/leaderboard';
-
-import Tooltip from '@uxcore/components/Tooltip';
-import UXCatPageTitle from '@uxcore/components/UXCatPageTitle';
-
 import styles from './Leaderboard.module.scss';
 
 type LeaderboardProps = {
diff --git a/src/uxcore/components/LogIn/MagicLinkEmailForm/MagicLinkEmailForm.tsx b/src/uxcore/components/LogIn/MagicLinkEmailForm/MagicLinkEmailForm.tsx
index e69b2e75..61862b7b 100644
--- a/src/uxcore/components/LogIn/MagicLinkEmailForm/MagicLinkEmailForm.tsx
+++ b/src/uxcore/components/LogIn/MagicLinkEmailForm/MagicLinkEmailForm.tsx
@@ -1,11 +1,9 @@
+import { requestMagicLink } from '@uxcore/api/auth';
+import auth from '@uxcore/data/auth';
 import cn from 'classnames';
 import { useRouter } from 'next/router';
 import { FC, FormEvent, useState } from 'react';
 
-import { requestMagicLink } from '@uxcore/api/auth';
-
-import auth from '@uxcore/data/auth';
-
 import styles from './MagicLinkEmailForm.module.scss';
 
 interface MagicLinkEmailFormProps {
diff --git a/src/uxcore/components/Logos/Logos.tsx b/src/uxcore/components/Logos/Logos.tsx
index e7e0780b..0123c9ce 100644
--- a/src/uxcore/components/Logos/Logos.tsx
+++ b/src/uxcore/components/Logos/Logos.tsx
@@ -1,16 +1,13 @@
-import cn from 'classnames';
-import { useRouter } from 'next/router';
-import { FC } from 'react';
-
-import { TRouter } from '@uxcore/local-types/global';
-
-import biasesLogoDescription from '@uxcore/data/biasesLogoDescription';
-
 import AmazonLogo from '@uxcore/assets/icons/AmazonLogo';
 import DukeLogo from '@uxcore/assets/icons/DukeLogo';
 import GoogleLogo from '@uxcore/assets/icons/GoogleLogo';
 import HarvardBusinessSchoolLogo from '@uxcore/assets/icons/HarvardBusinessSchoolLogo';
 import XLogo from '@uxcore/assets/icons/XLogo';
+import biasesLogoDescription from '@uxcore/data/biasesLogoDescription';
+import { TRouter } from '@uxcore/local-types/global';
+import cn from 'classnames';
+import { useRouter } from 'next/router';
+import { FC } from 'react';
 
 import styles from './Logos.module.scss';
 
diff --git a/src/uxcore/components/MagicLinkProfileForm/MagicLinkProfileForm.tsx b/src/uxcore/components/MagicLinkProfileForm/MagicLinkProfileForm.tsx
index 3ae428a2..f2fa6e54 100644
--- a/src/uxcore/components/MagicLinkProfileForm/MagicLinkProfileForm.tsx
+++ b/src/uxcore/components/MagicLinkProfileForm/MagicLinkProfileForm.tsx
@@ -1,15 +1,14 @@
+import {
+  completeMagicLinkRegistration,
+  storeJwtSession,
+} from '@uxcore/api/auth';
+import { GlobalContext } from '@uxcore/components/Context/GlobalContext';
+import auth from '@uxcore/data/auth';
+import { deleteRedirectCookie, getRedirectCookie } from '@uxcore/lib/cookies';
 import cn from 'classnames';
 import { useRouter } from 'next/router';
 import { FC, FormEvent, useContext, useState } from 'react';
 
-import { deleteRedirectCookie, getRedirectCookie } from '@uxcore/lib/cookies';
-
-import { completeMagicLinkRegistration, storeJwtSession } from '@uxcore/api/auth';
-
-import auth from '@uxcore/data/auth';
-
-import { GlobalContext } from '@uxcore/components/Context/GlobalContext';
-
 import styles from './MagicLinkProfileForm.module.scss';
 
 interface MagicLinkProfileFormProps {
diff --git a/src/uxcore/components/ModalRaiting/ModalRaiting.tsx b/src/uxcore/components/ModalRaiting/ModalRaiting.tsx
index cb1b24f4..b76a85d0 100644
--- a/src/uxcore/components/ModalRaiting/ModalRaiting.tsx
+++ b/src/uxcore/components/ModalRaiting/ModalRaiting.tsx
@@ -1,17 +1,16 @@
+import { rateRequest } from '@uxcore/api/rating';
+import modalIntl from '@uxcore/data/modalRaiting';
+import useSpinner from '@uxcore/hooks/useSpinner';
+import {
+  getRatedItems,
+  saveInLocalStorage,
+  updateVH,
+} from '@uxcore/lib/helpers';
+import type { TRouter } from '@uxcore/local-types/global';
 import cn from 'classnames';
 import { useRouter } from 'next/router';
 import { FC, MouseEvent, useEffect, useState } from 'react';
 
-import type { TRouter } from '@uxcore/local-types/global';
-
-import useSpinner from '@uxcore/hooks/useSpinner';
-
-import { getRatedItems, saveInLocalStorage, updateVH } from '@uxcore/lib/helpers';
-
-import { rateRequest } from '@uxcore/api/rating';
-
-import modalIntl from '@uxcore/data/modalRaiting';
-
 import styles from './ModalRaiting.module.scss';
 
 const rangeItems = Array(10)
diff --git a/src/uxcore/components/NPS/NPS.tsx b/src/uxcore/components/NPS/NPS.tsx
index fff9c131..09d212b7 100644
--- a/src/uxcore/components/NPS/NPS.tsx
+++ b/src/uxcore/components/NPS/NPS.tsx
@@ -1,14 +1,11 @@
+import Button from '@uxcore/components/Button';
+import useMobile from '@uxcore/hooks/useMobile';
+import type { TRouter } from '@uxcore/local-types/global';
 import cn from 'classnames';
 import Image from 'next/image';
 import { useRouter } from 'next/router';
 import { FC, useEffect, useState } from 'react';
 
-import type { TRouter } from '@uxcore/local-types/global';
-
-import useMobile from '@uxcore/hooks/useMobile';
-
-import Button from '@uxcore/components/Button';
-
 import styles from './NPS.module.scss';
 
 type NPSProps = {
diff --git a/src/uxcore/components/NewUpdateModal/NewUpdateModal.tsx b/src/uxcore/components/NewUpdateModal/NewUpdateModal.tsx
index c3d8bb8d..492d67ce 100644
--- a/src/uxcore/components/NewUpdateModal/NewUpdateModal.tsx
+++ b/src/uxcore/components/NewUpdateModal/NewUpdateModal.tsx
@@ -1,11 +1,10 @@
+import Button from '@uxcore/components/Button';
+import Modal from '@uxcore/components/Modal';
 import Image from 'next/image';
 import Link from 'next/link';
 import { FC } from 'react';
 import ReactMarkdown from 'react-markdown';
 
-import Button from '@uxcore/components/Button';
-import Modal from '@uxcore/components/Modal';
-
 import type { NewUpdateModalProps } from './NewUpdateModal.types';
 
 import styles from './NewUpdateModal.module.scss';
diff --git a/src/uxcore/components/OngoingHeader/OngoingHeader.tsx b/src/uxcore/components/OngoingHeader/OngoingHeader.tsx
index d820b73e..9dfebe73 100644
--- a/src/uxcore/components/OngoingHeader/OngoingHeader.tsx
+++ b/src/uxcore/components/OngoingHeader/OngoingHeader.tsx
@@ -1,7 +1,6 @@
-import { FC } from 'react';
-
 import AudioPlayer from '@uxcore/components/AudioPlayer';
 import Timer from '@uxcore/components/Timer';
+import { FC } from 'react';
 
 import styles from './OngoingHeader.module.scss';
 
diff --git a/src/uxcore/components/OurProjectsModal/OurProjectsModal.tsx b/src/uxcore/components/OurProjectsModal/OurProjectsModal.tsx
index e7bf9292..1f3efa21 100644
--- a/src/uxcore/components/OurProjectsModal/OurProjectsModal.tsx
+++ b/src/uxcore/components/OurProjectsModal/OurProjectsModal.tsx
@@ -1,3 +1,8 @@
+import Button from '@uxcore/components/Button';
+import Modal from '@uxcore/components/Modal';
+import ourProjectsData from '@uxcore/data/ourProjects';
+import { sanitizeHtml } from '@uxcore/lib/sanitizeHtml';
+import { TRouter } from '@uxcore/local-types/global';
 import cn from 'classnames';
 import Image from 'next/image';
 import Link from 'next/link';
@@ -5,15 +10,6 @@ import { useRouter } from 'next/router';
 import React, { FC } from 'react';
 import { Tooltip as ReactTooltip } from 'react-tooltip';
 
-import { TRouter } from '@uxcore/local-types/global';
-
-import { sanitizeHtml } from '@uxcore/lib/sanitizeHtml';
-
-import ourProjectsData from '@uxcore/data/ourProjects';
-
-import Button from '@uxcore/components/Button';
-import Modal from '@uxcore/components/Modal';
-
 import type { OurProjectsModalProps } from './OurProjectsModal.types';
 
 import styles from './OurProjectsModal.module.scss';
diff --git a/src/uxcore/components/PageSwitcher/PageSwitcher.tsx b/src/uxcore/components/PageSwitcher/PageSwitcher.tsx
index 905be6ee..d3cc7908 100644
--- a/src/uxcore/components/PageSwitcher/PageSwitcher.tsx
+++ b/src/uxcore/components/PageSwitcher/PageSwitcher.tsx
@@ -1,16 +1,13 @@
-import cn from 'classnames';
-import Image from 'next/image';
-import { useRouter } from 'next/router';
-import { FC, useCallback, useEffect } from 'react';
-
-import type { TRouter } from '@uxcore/local-types/global';
-
 import UXCatIcon from '@uxcore/assets/icons/UXCatIcon';
 import UXCGIcon from '@uxcore/assets/icons/UXCGIcon';
 import UXCoreIcon from '@uxcore/assets/icons/UXCoreIcon';
 import UXCPIcon from '@uxcore/assets/icons/UXCPIcon';
-
 import Link from '@uxcore/components/NextLink';
+import type { TRouter } from '@uxcore/local-types/global';
+import cn from 'classnames';
+import Image from 'next/image';
+import { useRouter } from 'next/router';
+import { FC, useCallback, useEffect } from 'react';
 
 import styles from './PageSwitcher.module.scss';
 
diff --git a/src/uxcore/components/PinBlock/PinBlock.tsx b/src/uxcore/components/PinBlock/PinBlock.tsx
index dac9e9cb..085ab6cf 100644
--- a/src/uxcore/components/PinBlock/PinBlock.tsx
+++ b/src/uxcore/components/PinBlock/PinBlock.tsx
@@ -1,13 +1,9 @@
-import { useRouter } from 'next/router';
-import { useCallback } from 'react';
-
-import type { TRouter } from '@uxcore/local-types/global';
-
+import imageModuleData from '@uxcore/data/imageModule';
 import useImageModule from '@uxcore/hooks/useImageModule';
-
 import { scrollToImage } from '@uxcore/lib/helpers';
-
-import imageModuleData from '@uxcore/data/imageModule';
+import type { TRouter } from '@uxcore/local-types/global';
+import { useRouter } from 'next/router';
+import { useCallback } from 'react';
 
 import styles from './PinBlock.module.scss';
 
diff --git a/src/uxcore/components/QuestionAnalyse/QuestionAnalyse.tsx b/src/uxcore/components/QuestionAnalyse/QuestionAnalyse.tsx
index bddd04fc..c0d366d2 100644
--- a/src/uxcore/components/QuestionAnalyse/QuestionAnalyse.tsx
+++ b/src/uxcore/components/QuestionAnalyse/QuestionAnalyse.tsx
@@ -1,17 +1,13 @@
-import cn from 'classnames';
-import { useRouter } from 'next/router';
-import { FC, useContext, useEffect, useState } from 'react';
-
-import { StrapiBiasType } from '@uxcore/local-types/data';
-import { TRouter } from '@uxcore/local-types/global';
-
-import { mergeBiasesLocalization } from '@uxcore/lib/helpers';
-
-import questionAnalyseData from '@uxcore/data/uxcat/questionAnalyse';
-
 import ContentParser from '@uxcore/components/ContentParser';
 import { GlobalContext } from '@uxcore/components/Context/GlobalContext';
 import Modal from '@uxcore/components/Modal';
+import questionAnalyseData from '@uxcore/data/uxcat/questionAnalyse';
+import { mergeBiasesLocalization } from '@uxcore/lib/helpers';
+import { StrapiBiasType } from '@uxcore/local-types/data';
+import { TRouter } from '@uxcore/local-types/global';
+import cn from 'classnames';
+import { useRouter } from 'next/router';
+import { FC, useContext, useEffect, useState } from 'react';
 
 import styles from './QuestionAnalyse.module.scss';
 
diff --git a/src/uxcore/components/Result/Result.tsx b/src/uxcore/components/Result/Result.tsx
index 554f8db4..d9725f01 100644
--- a/src/uxcore/components/Result/Result.tsx
+++ b/src/uxcore/components/Result/Result.tsx
@@ -1,21 +1,20 @@
+import BobIcon from '@uxcore/assets/icons/BobIcon';
+import Tooltip from '@uxcore/components/Tooltip';
+import { getBiasNumber } from '@uxcore/lib/uxcat-helpers';
+import type { TRouter } from '@uxcore/local-types/global';
 import cn from 'classnames';
 import dynamic from 'next/dynamic';
 import { useRouter } from 'next/router';
 import { FC, useState } from 'react';
 
-import type { TRouter } from '@uxcore/local-types/global';
-
-import { getBiasNumber } from '@uxcore/lib/uxcat-helpers';
-
-import BobIcon from '@uxcore/assets/icons/BobIcon';
-
-import Tooltip from '@uxcore/components/Tooltip';
-
 import styles from './Result.module.scss';
 
-const QuestionAnalyse = dynamic(() => import('@uxcore/components/QuestionAnalyse'), {
-  ssr: false,
-});
+const QuestionAnalyse = dynamic(
+  () => import('@uxcore/components/QuestionAnalyse'),
+  {
+    ssr: false,
+  },
+);
 
 interface QuestionTypes {
   bodyEn?: string;
diff --git a/src/uxcore/components/ScorePanel/ScorePanel.module.scss b/src/uxcore/components/ScorePanel/ScorePanel.module.scss
index 8ff42ea5..802b63ac 100644
--- a/src/uxcore/components/ScorePanel/ScorePanel.module.scss
+++ b/src/uxcore/components/ScorePanel/ScorePanel.module.scss
@@ -45,12 +45,8 @@
     .points,
     .pointsTxt {
       color: #ff9900;
-      background: linear-gradient(
-          180deg,
-          #ff9900 0%,
-          #ffbf00 83.33%,
-          #ffc700 100%
-        ),
+      background:
+        linear-gradient(180deg, #ff9900 0%, #ffbf00 83.33%, #ffc700 100%),
         linear-gradient(0deg, #ffa001, #ffa001);
       -webkit-text-fill-color: transparent;
       -webkit-background-clip: text;
diff --git a/src/uxcore/components/SelectImageModal/SelectImageModal.tsx b/src/uxcore/components/SelectImageModal/SelectImageModal.tsx
index 7aebcc92..6dc97ae7 100644
--- a/src/uxcore/components/SelectImageModal/SelectImageModal.tsx
+++ b/src/uxcore/components/SelectImageModal/SelectImageModal.tsx
@@ -1,15 +1,12 @@
+import Button from '@uxcore/components/Button';
+import Modal from '@uxcore/components/Modal';
+import modalData from '@uxcore/data/uxcat/imageSelectModal';
+import type { TRouter } from '@uxcore/local-types/global';
 import cn from 'classnames';
 import Image from 'next/image';
 import { useRouter } from 'next/router';
 import { FC, useState } from 'react';
 
-import type { TRouter } from '@uxcore/local-types/global';
-
-import modalData from '@uxcore/data/uxcat/imageSelectModal';
-
-import Button from '@uxcore/components/Button';
-import Modal from '@uxcore/components/Modal';
-
 import styles from './SelectImageModal.module.scss';
 
 type SelectImageModalProps = {
diff --git a/src/uxcore/components/SeoGenerator/SeoGenerator.tsx b/src/uxcore/components/SeoGenerator/SeoGenerator.tsx
index ea5a331f..bdc69747 100644
--- a/src/uxcore/components/SeoGenerator/SeoGenerator.tsx
+++ b/src/uxcore/components/SeoGenerator/SeoGenerator.tsx
@@ -1,15 +1,12 @@
+import hrSeoDescriptionEn from '@uxcore/data/seo/hrDescription-en';
+import hrSeoDescriptionRu from '@uxcore/data/seo/hrDescription-ru';
+import { generateSchema } from '@uxcore/lib/schema';
+import type { TRouter } from '@uxcore/local-types/global';
 import Head from 'next/head';
 import { useRouter } from 'next/router';
 import Script from 'next/script';
 import type { FC } from 'react';
 
-import type { TRouter } from '@uxcore/local-types/global';
-
-import { generateSchema } from '@uxcore/lib/schema';
-
-import hrSeoDescriptionEn from '@uxcore/data/seo/hrDescription-en';
-import hrSeoDescriptionRu from '@uxcore/data/seo/hrDescription-ru';
-
 interface SeoGeneratorProps {
   questionsSeo?: any;
   strapiSEO?: any;
diff --git a/src/uxcore/components/SettingsModal/SettingsModal.tsx b/src/uxcore/components/SettingsModal/SettingsModal.tsx
index 54b45008..11f9da58 100644
--- a/src/uxcore/components/SettingsModal/SettingsModal.tsx
+++ b/src/uxcore/components/SettingsModal/SettingsModal.tsx
@@ -1,18 +1,18 @@
-import { useRouter } from 'next/router';
-import { FC, useCallback, useState } from 'react';
-
-import { TRouter } from '@uxcore/local-types/global';
-
-import { isValidEmail, linkedInRegex, usernameRegex } from '@uxcore/lib/uxcat-helpers';
-
-import settingsData from '@uxcore/data/uxcat/settings';
-
 import Button from '@uxcore/components/Button';
 import Checkbox from '@uxcore/components/Checkbox';
 import Dropdown from '@uxcore/components/Dropdown';
 import Input from '@uxcore/components/Input';
 import Modal from '@uxcore/components/Modal';
 import Textarea from '@uxcore/components/Textarea';
+import settingsData from '@uxcore/data/uxcat/settings';
+import {
+  isValidEmail,
+  linkedInRegex,
+  usernameRegex,
+} from '@uxcore/lib/uxcat-helpers';
+import { TRouter } from '@uxcore/local-types/global';
+import { useRouter } from 'next/router';
+import { FC, useCallback, useState } from 'react';
 
 import styles from './SettingsModal.module.scss';
 
diff --git a/src/uxcore/components/Spinner/Spinner.tsx b/src/uxcore/components/Spinner/Spinner.tsx
index 43e5bb8c..cc2b7aa7 100644
--- a/src/uxcore/components/Spinner/Spinner.tsx
+++ b/src/uxcore/components/Spinner/Spinner.tsx
@@ -1,6 +1,5 @@
-import type { FC } from 'react';
-
 import useSpinner from '@uxcore/hooks/useSpinner';
+import type { FC } from 'react';
 
 import styles from './Spinner.module.scss';
 
diff --git a/src/uxcore/components/StartTestBtn/StartTestBtn.tsx b/src/uxcore/components/StartTestBtn/StartTestBtn.tsx
index 8dc6f7c2..903f1dc2 100644
--- a/src/uxcore/components/StartTestBtn/StartTestBtn.tsx
+++ b/src/uxcore/components/StartTestBtn/StartTestBtn.tsx
@@ -1,12 +1,9 @@
+import Button from '@uxcore/components/Button';
+import uxcatData from '@uxcore/data/uxcat';
+import { TRouter } from '@uxcore/local-types/global';
 import { useRouter } from 'next/router';
 import { FC, useEffect, useState } from 'react';
 
-import { TRouter } from '@uxcore/local-types/global';
-
-import uxcatData from '@uxcore/data/uxcat';
-
-import Button from '@uxcore/components/Button';
-
 type StartTestBtnProps = {
   ongoingTest: boolean;
   nextTestTime: number | null;
diff --git a/src/uxcore/components/Statistics/Statistics.tsx b/src/uxcore/components/Statistics/Statistics.tsx
index 5b169e14..de1c642f 100644
--- a/src/uxcore/components/Statistics/Statistics.tsx
+++ b/src/uxcore/components/Statistics/Statistics.tsx
@@ -1,13 +1,9 @@
-import { useRouter } from 'next/router';
-import { FC } from 'react';
-
-import { TRouter } from '@uxcore/local-types/global';
-
-import statisticsData from '@uxcore/data/statistics';
-
 import LastTestResultIcon from '@uxcore/assets/icons/LastTestResultIcon';
-
 import UXCatPageTitle from '@uxcore/components/UXCatPageTitle';
+import statisticsData from '@uxcore/data/statistics';
+import { TRouter } from '@uxcore/local-types/global';
+import { useRouter } from 'next/router';
+import { FC } from 'react';
 
 import styles from './Statistics.module.scss';
 
diff --git a/src/uxcore/components/Table/Table.tsx b/src/uxcore/components/Table/Table.tsx
index e967cd39..34327109 100644
--- a/src/uxcore/components/Table/Table.tsx
+++ b/src/uxcore/components/Table/Table.tsx
@@ -1,3 +1,8 @@
+import Button from '@uxcore/components/Button';
+import Tag, { TTag } from '@uxcore/components/Tag';
+import tableIntl from '@uxcore/data/table';
+import type { QuestionType, TagType } from '@uxcore/local-types/data';
+import { TRouter } from '@uxcore/local-types/global';
 import cn from 'classnames';
 import Link from 'next/link';
 import { useRouter } from 'next/router';
@@ -11,14 +16,6 @@ import {
   useState,
 } from 'react';
 
-import type { QuestionType, TagType } from '@uxcore/local-types/data';
-import { TRouter } from '@uxcore/local-types/global';
-
-import tableIntl from '@uxcore/data/table';
-
-import Button from '@uxcore/components/Button';
-import Tag, { TTag } from '@uxcore/components/Tag';
-
 import Search from './TableSearch';
 
 import styles from './Table.module.scss';
diff --git a/src/uxcore/components/Table/TableSearch/TableSearch.tsx b/src/uxcore/components/Table/TableSearch/TableSearch.tsx
index 3b4b6ff4..55876c80 100644
--- a/src/uxcore/components/Table/TableSearch/TableSearch.tsx
+++ b/src/uxcore/components/Table/TableSearch/TableSearch.tsx
@@ -1,12 +1,10 @@
+import tableData from '@uxcore/data/table';
+import type { TRouter } from '@uxcore/local-types/global';
 import cn from 'classnames';
 import Image from 'next/image';
 import { useRouter } from 'next/router';
 import { FC, useCallback, useEffect, useRef, useState } from 'react';
 
-import type { TRouter } from '@uxcore/local-types/global';
-
-import tableData from '@uxcore/data/table';
-
 import styles from './TableSearch.module.scss';
 
 type TTableSearch = {
diff --git a/src/uxcore/components/Tag/Tag.tsx b/src/uxcore/components/Tag/Tag.tsx
index 32537601..48505cb1 100644
--- a/src/uxcore/components/Tag/Tag.tsx
+++ b/src/uxcore/components/Tag/Tag.tsx
@@ -1,11 +1,9 @@
+import useMobile from '@uxcore/hooks/useMobile';
+import { TitlesType } from '@uxcore/local-types/data';
 import cn from 'classnames';
 import { useRouter } from 'next/router';
 import React, { FC, Fragment } from 'react';
 
-import { TitlesType } from '@uxcore/local-types/data';
-
-import useMobile from '@uxcore/hooks/useMobile';
-
 import Tooltip from '../Tooltip';
 
 import styles from './Tag.module.scss';
diff --git a/src/uxcore/components/TestResultsAchievements/TestResultsAchievements.tsx b/src/uxcore/components/TestResultsAchievements/TestResultsAchievements.tsx
index 62aa139d..9f59481f 100644
--- a/src/uxcore/components/TestResultsAchievements/TestResultsAchievements.tsx
+++ b/src/uxcore/components/TestResultsAchievements/TestResultsAchievements.tsx
@@ -1,8 +1,7 @@
+import Achievement from '@uxcore/components/Achievement';
 import React, { FC } from 'react';
 import Skeleton from 'react-loading-skeleton';
 
-import Achievement from '@uxcore/components/Achievement';
-
 import styles from './TestResultsAchievements.module.scss';
 
 interface TestResultsAchievementsProps {
diff --git a/src/uxcore/components/Timer/ModalBody/ModalBody.tsx b/src/uxcore/components/Timer/ModalBody/ModalBody.tsx
index a2956591..a27c36cc 100644
--- a/src/uxcore/components/Timer/ModalBody/ModalBody.tsx
+++ b/src/uxcore/components/Timer/ModalBody/ModalBody.tsx
@@ -1,8 +1,7 @@
+import Button from '@uxcore/components/Button';
 import Image from 'next/image';
 import { FC } from 'react';
 
-import Button from '@uxcore/components/Button';
-
 import styles from './ModalBody.module.scss';
 
 type ModalBodyProps = {
diff --git a/src/uxcore/components/Timer/Timer.tsx b/src/uxcore/components/Timer/Timer.tsx
index cf0784c5..1c220e8e 100644
--- a/src/uxcore/components/Timer/Timer.tsx
+++ b/src/uxcore/components/Timer/Timer.tsx
@@ -1,19 +1,14 @@
+import { getForceStop } from '@uxcore/api/uxcat/force-stop';
+import Modal from '@uxcore/components/Modal';
+import ModalBody from '@uxcore/components/Timer/ModalBody';
+import timerData from '@uxcore/data/uxcat/timeIsUp';
+import useMobile from '@uxcore/hooks/useMobile';
+import type { TRouter } from '@uxcore/local-types/global';
 import cn from 'classnames';
 import { useRouter } from 'next/router';
 import { FC, useEffect, useState } from 'react';
 import Skeleton from 'react-loading-skeleton';
 
-import type { TRouter } from '@uxcore/local-types/global';
-
-import useMobile from '@uxcore/hooks/useMobile';
-
-import { getForceStop } from '@uxcore/api/uxcat/force-stop';
-
-import timerData from '@uxcore/data/uxcat/timeIsUp';
-
-import Modal from '@uxcore/components/Modal';
-import ModalBody from '@uxcore/components/Timer/ModalBody';
-
 import styles from './Timer.module.scss';
 
 type TimerProps = {
diff --git a/src/uxcore/components/Toasts/Toasts.tsx b/src/uxcore/components/Toasts/Toasts.tsx
index 2fe315bd..46e47a1c 100644
--- a/src/uxcore/components/Toasts/Toasts.tsx
+++ b/src/uxcore/components/Toasts/Toasts.tsx
@@ -1,16 +1,12 @@
+import { SendNotification } from '@uxcore/api/uxcat/notification';
+import BadgeBox from '@uxcore/components/BadgeBox';
+import testResult from '@uxcore/data/uxcat/testResult';
+import { TRouter } from '@uxcore/local-types/global';
 import { useRouter } from 'next/router';
 import { FC } from 'react';
 import React, { useEffect, useState } from 'react';
 import { Slide, toast, ToastContainer } from 'react-toastify';
 
-import { TRouter } from '@uxcore/local-types/global';
-
-import { SendNotification } from '@uxcore/api/uxcat/notification';
-
-import testResult from '@uxcore/data/uxcat/testResult';
-
-import BadgeBox from '@uxcore/components/BadgeBox';
-
 import 'react-toastify/dist/ReactToastify.css';
 
 type ToastsProps = {
diff --git a/src/uxcore/components/ToolFooter/ToolFooter.tsx b/src/uxcore/components/ToolFooter/ToolFooter.tsx
index 6dae37aa..f8d0771c 100644
--- a/src/uxcore/components/ToolFooter/ToolFooter.tsx
+++ b/src/uxcore/components/ToolFooter/ToolFooter.tsx
@@ -1,15 +1,12 @@
+import CustomModal from '@uxcore/components/CustomModal';
+import toolFooterData from '@uxcore/data/toolFooter';
+import type { TRouter } from '@uxcore/local-types/global';
 import cn from 'classnames';
 import Link from 'next/link';
 import { useRouter } from 'next/router';
 import { FC, Fragment, useState } from 'react';
 import { Tooltip as ReactTooltip } from 'react-tooltip';
 
-import type { TRouter } from '@uxcore/local-types/global';
-
-import toolFooterData from '@uxcore/data/toolFooter';
-
-import CustomModal from '@uxcore/components/CustomModal';
-
 import styles from './ToolFooter.module.scss';
 
 const releaseIndexes = {
diff --git a/src/uxcore/components/ToolHeader/ToolHeader.tsx b/src/uxcore/components/ToolHeader/ToolHeader.tsx
index 90bdc1b7..cf50cf99 100644
--- a/src/uxcore/components/ToolHeader/ToolHeader.tsx
+++ b/src/uxcore/components/ToolHeader/ToolHeader.tsx
@@ -1,36 +1,9 @@
-import cn from 'classnames';
-import dynamic from 'next/dynamic';
-import Image from 'next/image';
-import { useRouter } from 'next/router';
-import React, {
-  FC,
-  useCallback,
-  useContext,
-  useEffect,
-  useMemo,
-  useRef,
-  useState,
-} from 'react';
-
-import type { TRouter } from '@uxcore/local-types/global';
-import { UserTypes } from '@uxcore/local-types/uxcat-types/types';
-
-import useGlobals from '@uxcore/hooks/useGlobals';
-import useMobile from '@uxcore/hooks/useMobile';
-import useUXCoreGlobals from '@uxcore/hooks/useUXCoreGlobals';
-
-import { isLevelMilestone } from '@uxcore/lib/uxcat-helpers';
-
 import { getMyInfo } from '@uxcore/api/strapi';
 import { userInfoUpdate } from '@uxcore/api/uxcat/settings';
 import { getUserInfo } from '@uxcore/api/uxcat/users-me';
-
-import toolHeaderData from '@uxcore/data/toolHeader';
-
 import CloseIcon from '@uxcore/assets/icons/CloseIcon';
 import DiamondIcon from '@uxcore/assets/icons/DiamondIcon';
 import PodcastIcon from '@uxcore/assets/icons/PodcastIcon';
-
 import MobileHeader from '@uxcore/components/_biases/MobileHeader';
 import { GlobalContext } from '@uxcore/components/Context/GlobalContext';
 import LanguageSwitcher from '@uxcore/components/LanguageSwitcher';
@@ -38,14 +11,37 @@ import Link from '@uxcore/components/NextLink';
 import OurProjectsModal from '@uxcore/components/OurProjectsModal';
 import PageSwitcher from '@uxcore/components/PageSwitcher';
 import UserDropdown from '@uxcore/components/UserDropdown';
+import toolHeaderData from '@uxcore/data/toolHeader';
+import useGlobals from '@uxcore/hooks/useGlobals';
+import useMobile from '@uxcore/hooks/useMobile';
+import useUXCoreGlobals from '@uxcore/hooks/useUXCoreGlobals';
+import { isLevelMilestone } from '@uxcore/lib/uxcat-helpers';
+import type { TRouter } from '@uxcore/local-types/global';
+import { UserTypes } from '@uxcore/local-types/uxcat-types/types';
+import cn from 'classnames';
+import dynamic from 'next/dynamic';
+import Image from 'next/image';
+import { useRouter } from 'next/router';
+import React, {
+  FC,
+  useCallback,
+  useContext,
+  useEffect,
+  useMemo,
+  useRef,
+  useState,
+} from 'react';
 
 import { navItems } from './navItems';
 
 import styles from './ToolHeader.module.scss';
 
-const SettingsModal = dynamic(() => import('@uxcore/components/SettingsModal'), {
-  ssr: false,
-});
+const SettingsModal = dynamic(
+  () => import('@uxcore/components/SettingsModal'),
+  {
+    ssr: false,
+  },
+);
 
 type TToolHeader = {
   homepageLinkTarget?: '_blank' | '_self';
@@ -458,7 +454,9 @@ const ToolHeader: FC<TToolHeader> = ({
                 type="button"
                 className={styles.themeToggle}
                 onClick={toggleIsDarkTheme}
-                aria-label={isDarkTheme ? 'Switch to light theme' : 'Switch to dark theme'}
+                aria-label={
+                  isDarkTheme ? 'Switch to light theme' : 'Switch to dark theme'
+                }
                 aria-pressed={isDarkTheme}
                 data-cy="theme-toggle"
               >
diff --git a/src/uxcore/components/Tooltip/Tooltip.tsx b/src/uxcore/components/Tooltip/Tooltip.tsx
index 40e38fab..fac592a6 100644
--- a/src/uxcore/components/Tooltip/Tooltip.tsx
+++ b/src/uxcore/components/Tooltip/Tooltip.tsx
@@ -1,12 +1,10 @@
+import useTooltip from '@uxcore/hooks/useTooltip';
+import { calculateTooltipPostion } from '@uxcore/lib/helpers';
 import cn from 'classnames';
 import { FC, useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { createPortal } from 'react-dom';
 import { v4 as uuidv4 } from 'uuid';
 
-import useTooltip from '@uxcore/hooks/useTooltip';
-
-import { calculateTooltipPostion } from '@uxcore/lib/helpers';
-
 import styles from './Tooltip.module.scss';
 
 const defaultCoords = { top: 0, left: -1000 };
diff --git a/src/uxcore/components/UXCGModal/UXCGModal.tsx b/src/uxcore/components/UXCGModal/UXCGModal.tsx
index f27e7689..1d47aaa1 100644
--- a/src/uxcore/components/UXCGModal/UXCGModal.tsx
+++ b/src/uxcore/components/UXCGModal/UXCGModal.tsx
@@ -1,3 +1,23 @@
+import AnswerContentGenerator from '@uxcore/components/AnswerContentGenerator';
+import LanguageSwitcher from '@uxcore/components/LanguageSwitcher';
+import ModalRaiting from '@uxcore/components/ModalRaiting';
+import Tag from '@uxcore/components/Tag';
+import Tooltip from '@uxcore/components/Tooltip';
+import Share from '@uxcore/components/UXCGModalSubComponents/Share';
+import modalIntl from '@uxcore/data/modal';
+import useMobile from '@uxcore/hooks/useMobile';
+import useTooltip from '@uxcore/hooks/useTooltip';
+import {
+  copyToClipboard,
+  generateSocialLinks,
+  updateVH,
+} from '@uxcore/lib/helpers';
+import type {
+  QuestionType,
+  StrapiBiasType,
+  TagType,
+} from '@uxcore/local-types/data';
+import type { TRouter } from '@uxcore/local-types/global';
 import cn from 'classnames';
 import Image from 'next/image';
 import { useRouter } from 'next/router';
@@ -12,23 +32,6 @@ import React, {
   useState,
 } from 'react';
 
-import type { QuestionType, StrapiBiasType, TagType } from '@uxcore/local-types/data';
-import type { TRouter } from '@uxcore/local-types/global';
-
-import useMobile from '@uxcore/hooks/useMobile';
-import useTooltip from '@uxcore/hooks/useTooltip';
-
-import { copyToClipboard, generateSocialLinks, updateVH } from '@uxcore/lib/helpers';
-
-import modalIntl from '@uxcore/data/modal';
-
-import AnswerContentGenerator from '@uxcore/components/AnswerContentGenerator';
-import LanguageSwitcher from '@uxcore/components/LanguageSwitcher';
-import ModalRaiting from '@uxcore/components/ModalRaiting';
-import Tag from '@uxcore/components/Tag';
-import Tooltip from '@uxcore/components/Tooltip';
-import Share from '@uxcore/components/UXCGModalSubComponents/Share';
-
 import styles from './UXCGModal.module.scss';
 
 type TUXCGModal = {
diff --git a/src/uxcore/components/UXCGModalMobile/UXCGModalMobile.tsx b/src/uxcore/components/UXCGModalMobile/UXCGModalMobile.tsx
index 99c99b0f..8a7f5592 100644
--- a/src/uxcore/components/UXCGModalMobile/UXCGModalMobile.tsx
+++ b/src/uxcore/components/UXCGModalMobile/UXCGModalMobile.tsx
@@ -1,3 +1,25 @@
+import ThreeLineArrow from '@uxcore/assets/icons/ThreeLineArrow';
+import AnswerContentGenerator from '@uxcore/components/AnswerContentGenerator';
+import LanguageSwitcher from '@uxcore/components/LanguageSwitcher';
+import ModalRaiting from '@uxcore/components/ModalRaiting';
+import Tag from '@uxcore/components/Tag';
+import Tooltip from '@uxcore/components/Tooltip';
+import Share from '@uxcore/components/UXCGModalSubComponents/Share';
+import modalIntl from '@uxcore/data/modal';
+import useMobile from '@uxcore/hooks/useMobile';
+import useTooltip from '@uxcore/hooks/useTooltip';
+import useUXCGGlobals from '@uxcore/hooks/useUXCGGlobals';
+import {
+  copyToClipboard,
+  generateSocialLinks,
+  updateVH,
+} from '@uxcore/lib/helpers';
+import type {
+  QuestionType,
+  StrapiBiasType,
+  TagType,
+} from '@uxcore/local-types/data';
+import type { TRouter } from '@uxcore/local-types/global';
 import cn from 'classnames';
 import Image from 'next/image';
 import { useRouter } from 'next/router';
@@ -12,26 +34,6 @@ import React, {
 } from 'react';
 import Slider, { LazyLoadTypes } from 'react-slick';
 
-import type { QuestionType, StrapiBiasType, TagType } from '@uxcore/local-types/data';
-import type { TRouter } from '@uxcore/local-types/global';
-
-import useMobile from '@uxcore/hooks/useMobile';
-import useTooltip from '@uxcore/hooks/useTooltip';
-import useUXCGGlobals from '@uxcore/hooks/useUXCGGlobals';
-
-import { copyToClipboard, generateSocialLinks, updateVH } from '@uxcore/lib/helpers';
-
-import modalIntl from '@uxcore/data/modal';
-
-import ThreeLineArrow from '@uxcore/assets/icons/ThreeLineArrow';
-
-import AnswerContentGenerator from '@uxcore/components/AnswerContentGenerator';
-import LanguageSwitcher from '@uxcore/components/LanguageSwitcher';
-import ModalRaiting from '@uxcore/components/ModalRaiting';
-import Tag from '@uxcore/components/Tag';
-import Tooltip from '@uxcore/components/Tooltip';
-import Share from '@uxcore/components/UXCGModalSubComponents/Share';
-
 import 'slick-carousel/slick/slick.css';
 import 'slick-carousel/slick/slick-theme.css';
 import styles from './UXCGModalMobile.module.scss';
diff --git a/src/uxcore/components/UXCGModalSubComponents/LangSwitcher/LangSwitcher.tsx b/src/uxcore/components/UXCGModalSubComponents/LangSwitcher/LangSwitcher.tsx
index 90168047..d3f70def 100644
--- a/src/uxcore/components/UXCGModalSubComponents/LangSwitcher/LangSwitcher.tsx
+++ b/src/uxcore/components/UXCGModalSubComponents/LangSwitcher/LangSwitcher.tsx
@@ -1,9 +1,8 @@
+import { TRouter } from '@uxcore/local-types/global';
 import Link from 'next/link';
 import { useRouter } from 'next/router';
 import React, { FC } from 'react';
 
-import { TRouter } from '@uxcore/local-types/global';
-
 import styles from './LangSwitcher.module.scss';
 
 const LangSwitcher: FC = () => {
diff --git a/src/uxcore/components/UXCatFooter/UXCatFooter.tsx b/src/uxcore/components/UXCatFooter/UXCatFooter.tsx
index 001599d6..483ab66b 100644
--- a/src/uxcore/components/UXCatFooter/UXCatFooter.tsx
+++ b/src/uxcore/components/UXCatFooter/UXCatFooter.tsx
@@ -1,10 +1,8 @@
+import TelegramIcon from '@uxcore/assets/icons/TelegramIcon';
+import type { TRouter } from '@uxcore/local-types/global';
 import { useRouter } from 'next/router';
 import { FC } from 'react';
 
-import type { TRouter } from '@uxcore/local-types/global';
-
-import TelegramIcon from '@uxcore/assets/icons/TelegramIcon';
-
 import styles from './UXCatFooter.module.scss';
 
 const UXCatFooter: FC = () => {
diff --git a/src/uxcore/components/UXCatTooltip/UXCatTooltip.tsx b/src/uxcore/components/UXCatTooltip/UXCatTooltip.tsx
index d2a299fc..a11c7741 100644
--- a/src/uxcore/components/UXCatTooltip/UXCatTooltip.tsx
+++ b/src/uxcore/components/UXCatTooltip/UXCatTooltip.tsx
@@ -1,12 +1,10 @@
+import uxcatData from '@uxcore/data/uxcat';
+import { TRouter } from '@uxcore/local-types/global';
 import cn from 'classnames';
 import Image from 'next/image';
 import { useRouter } from 'next/router';
 import { FC } from 'react';
 
-import { TRouter } from '@uxcore/local-types/global';
-
-import uxcatData from '@uxcore/data/uxcat';
-
 import styles from './UXCatTooltip.module.scss';
 
 type UXCatTooltipProps = {
diff --git a/src/uxcore/components/UXCoreContentGenerator/UXCoreContentGenerator.tsx b/src/uxcore/components/UXCoreContentGenerator/UXCoreContentGenerator.tsx
index 2534ec6b..c48173ad 100644
--- a/src/uxcore/components/UXCoreContentGenerator/UXCoreContentGenerator.tsx
+++ b/src/uxcore/components/UXCoreContentGenerator/UXCoreContentGenerator.tsx
@@ -1,6 +1,5 @@
-import { FC, Fragment } from 'react';
-
 import Link from '@uxcore/components/NextLink';
+import { FC, Fragment } from 'react';
 
 // @ts-ignore
 const P = ({ children }) => <p>{children}</p>;
diff --git a/src/uxcore/components/UXCoreFeedbackModal/UXCoreFeedbackModal.tsx b/src/uxcore/components/UXCoreFeedbackModal/UXCoreFeedbackModal.tsx
index 019e9bd9..899658d6 100644
--- a/src/uxcore/components/UXCoreFeedbackModal/UXCoreFeedbackModal.tsx
+++ b/src/uxcore/components/UXCoreFeedbackModal/UXCoreFeedbackModal.tsx
@@ -1,13 +1,11 @@
+import feedbackData from '@uxcore/data/feedbackData';
+import type { TRouter } from '@uxcore/local-types/global';
 import cn from 'classnames';
 import Cookies from 'js-cookie';
 import Image from 'next/image';
 import { useRouter } from 'next/router';
 import { FC, useCallback, useEffect, useState } from 'react';
 
-import type { TRouter } from '@uxcore/local-types/global';
-
-import feedbackData from '@uxcore/data/feedbackData';
-
 import styles from './UXCoreFeedbackModal.module.scss';
 
 type UXCoreFeedbackModal = {
diff --git a/src/uxcore/components/UXCoreHelpToHelpModal/UXCoreHelpToHelpModal.tsx b/src/uxcore/components/UXCoreHelpToHelpModal/UXCoreHelpToHelpModal.tsx
index 66dac3df..b2b6bc5d 100644
--- a/src/uxcore/components/UXCoreHelpToHelpModal/UXCoreHelpToHelpModal.tsx
+++ b/src/uxcore/components/UXCoreHelpToHelpModal/UXCoreHelpToHelpModal.tsx
@@ -1,3 +1,4 @@
+import type { TRouter } from '@uxcore/local-types/global';
 import cn from 'classnames';
 import Cookies from 'js-cookie';
 import Image from 'next/image';
@@ -5,8 +6,6 @@ import { useRouter } from 'next/router';
 import { FC, useEffect, useState } from 'react';
 import ReactGA from 'react-ga4';
 
-import type { TRouter } from '@uxcore/local-types/global';
-
 import styles from './UXCoreHelpToHelpModal.module.scss';
 
 type UXCoreHelpToHelpModal = {
diff --git a/src/uxcore/components/UXCoreModal/UXCoreModal.tsx b/src/uxcore/components/UXCoreModal/UXCoreModal.tsx
index 8dbb6f5c..302b1e0d 100644
--- a/src/uxcore/components/UXCoreModal/UXCoreModal.tsx
+++ b/src/uxcore/components/UXCoreModal/UXCoreModal.tsx
@@ -1,3 +1,15 @@
+import HrIcon from '@uxcore/assets/icons/HrIcon';
+import ProductIcon from '@uxcore/assets/icons/ProductIcon';
+import BiasBody from '@uxcore/components/_biases/BiasBody';
+import ContentParser from '@uxcore/components/ContentParser';
+import ModalRaiting from '@uxcore/components/ModalRaiting';
+import Spinner from '@uxcore/components/Spinner';
+import Table from '@uxcore/components/Table';
+import UXCoreModalHeader from '@uxcore/components/UXCoreModalParts/UXCoreModalHeader';
+import modalIntl from '@uxcore/data/modal';
+import { copyToClipboard, generateSocialLinks } from '@uxcore/lib/helpers';
+import type { QuestionType, TagType } from '@uxcore/local-types/data';
+import type { TRouter } from '@uxcore/local-types/global';
 import cn from 'classnames';
 import { useRouter } from 'next/router';
 import {
@@ -9,23 +21,6 @@ import {
   useState,
 } from 'react';
 
-import type { QuestionType, TagType } from '@uxcore/local-types/data';
-import type { TRouter } from '@uxcore/local-types/global';
-
-import { copyToClipboard, generateSocialLinks } from '@uxcore/lib/helpers';
-
-import modalIntl from '@uxcore/data/modal';
-
-import HrIcon from '@uxcore/assets/icons/HrIcon';
-import ProductIcon from '@uxcore/assets/icons/ProductIcon';
-
-import BiasBody from '@uxcore/components/_biases/BiasBody';
-import ContentParser from '@uxcore/components/ContentParser';
-import ModalRaiting from '@uxcore/components/ModalRaiting';
-import Spinner from '@uxcore/components/Spinner';
-import Table from '@uxcore/components/Table';
-import UXCoreModalHeader from '@uxcore/components/UXCoreModalParts/UXCoreModalHeader';
-
 import styles from './UXCoreModal.module.scss';
 
 type UXCoreModalProps = {
diff --git a/src/uxcore/components/UXCoreModalMobile/UXCoreModalMobile.tsx b/src/uxcore/components/UXCoreModalMobile/UXCoreModalMobile.tsx
index 0586d7f1..be67d0a5 100644
--- a/src/uxcore/components/UXCoreModalMobile/UXCoreModalMobile.tsx
+++ b/src/uxcore/components/UXCoreModalMobile/UXCoreModalMobile.tsx
@@ -1,27 +1,25 @@
-import cn from 'classnames';
-import { useRouter } from 'next/router';
-import React, { FC, useCallback, useEffect, useRef, useState } from 'react';
-import Slider, { LazyLoadTypes } from 'react-slick';
-
-import type { QuestionType, StrapiBiasType, TagType } from '@uxcore/local-types/data';
-import type { TRouter } from '@uxcore/local-types/global';
-
-import useUXCoreGlobals from '@uxcore/hooks/useUXCoreGlobals';
-
-import { copyToClipboard, generateSocialLinks } from '@uxcore/lib/helpers';
-
-import modalIntl from '@uxcore/data/modal';
-
 import HrIcon from '@uxcore/assets/icons/HrIcon';
 import ProductIcon from '@uxcore/assets/icons/ProductIcon';
 import ThreeLineArrow from '@uxcore/assets/icons/ThreeLineArrow';
-
 import BiasBody from '@uxcore/components/_biases/BiasBody';
 import ContentParser from '@uxcore/components/ContentParser';
 import ModalRaiting from '@uxcore/components/ModalRaiting';
 import Spinner from '@uxcore/components/Spinner';
 import Table from '@uxcore/components/Table';
 import UXCoreModalHeader from '@uxcore/components/UXCoreModalParts/UXCoreModalHeader';
+import modalIntl from '@uxcore/data/modal';
+import useUXCoreGlobals from '@uxcore/hooks/useUXCoreGlobals';
+import { copyToClipboard, generateSocialLinks } from '@uxcore/lib/helpers';
+import type {
+  QuestionType,
+  StrapiBiasType,
+  TagType,
+} from '@uxcore/local-types/data';
+import type { TRouter } from '@uxcore/local-types/global';
+import cn from 'classnames';
+import { useRouter } from 'next/router';
+import React, { FC, useCallback, useEffect, useRef, useState } from 'react';
+import Slider, { LazyLoadTypes } from 'react-slick';
 
 import 'slick-carousel/slick/slick.css';
 import 'slick-carousel/slick/slick-theme.css';
diff --git a/src/uxcore/components/UXCoreModalParts/UXCoreModalHeader/UXCoreModalHeader.tsx b/src/uxcore/components/UXCoreModalParts/UXCoreModalHeader/UXCoreModalHeader.tsx
index 534f38ae..2ea826ff 100644
--- a/src/uxcore/components/UXCoreModalParts/UXCoreModalHeader/UXCoreModalHeader.tsx
+++ b/src/uxcore/components/UXCoreModalParts/UXCoreModalHeader/UXCoreModalHeader.tsx
@@ -1,8 +1,7 @@
+import LanguageSwitcher from '@uxcore/components/LanguageSwitcher';
 import cn from 'classnames';
 import React, { FC } from 'react';
 
-import LanguageSwitcher from '@uxcore/components/LanguageSwitcher';
-
 import styles from './UXCoreModalHeader.module.scss';
 
 type UXCoreModalHeaderProps = {
diff --git a/src/uxcore/components/UXCorePleaseShareModal/UXCorePleaseShareModal.tsx b/src/uxcore/components/UXCorePleaseShareModal/UXCorePleaseShareModal.tsx
index 4e0384dc..c6c16f00 100644
--- a/src/uxcore/components/UXCorePleaseShareModal/UXCorePleaseShareModal.tsx
+++ b/src/uxcore/components/UXCorePleaseShareModal/UXCorePleaseShareModal.tsx
@@ -1,18 +1,14 @@
+import Checkmark from '@uxcore/assets/icons/Checkmark';
+import CopyIcon from '@uxcore/assets/icons/CopyIcon';
+import sharePopupData from '@uxcore/data/sharePopupData';
+import { copyToClipboard, generateSocialLinks } from '@uxcore/lib/helpers';
+import type { TRouter } from '@uxcore/local-types/global';
 import cn from 'classnames';
 import Cookies from 'js-cookie';
 import Image from 'next/image';
 import { useRouter } from 'next/router';
 import { FC, useCallback, useEffect, useRef, useState } from 'react';
 
-import type { TRouter } from '@uxcore/local-types/global';
-
-import { copyToClipboard, generateSocialLinks } from '@uxcore/lib/helpers';
-
-import sharePopupData from '@uxcore/data/sharePopupData';
-
-import Checkmark from '@uxcore/assets/icons/Checkmark';
-import CopyIcon from '@uxcore/assets/icons/CopyIcon';
-
 import styles from './UXCorePleaseShareModal.module.scss';
 
 type UXCorePleaseShareModal = {
diff --git a/src/uxcore/components/UXCorePopup/UXCorePopup.tsx b/src/uxcore/components/UXCorePopup/UXCorePopup.tsx
index 2ed1e7d9..256a3d46 100644
--- a/src/uxcore/components/UXCorePopup/UXCorePopup.tsx
+++ b/src/uxcore/components/UXCorePopup/UXCorePopup.tsx
@@ -1,11 +1,9 @@
+import podcast from '@uxcore/data/podcast';
+import type { TRouter } from '@uxcore/local-types/global';
 import { useRouter } from 'next/router';
 import React, { FC } from 'react';
 import { Player } from 'react-simple-player/lib/components/Player';
 
-import type { TRouter } from '@uxcore/local-types/global';
-
-import podcast from '@uxcore/data/podcast';
-
 import styles from './UXCorePopup.module.scss';
 
 type UXCorePopupTypes = {
diff --git a/src/uxcore/components/UsedBy/UsedBy.tsx b/src/uxcore/components/UsedBy/UsedBy.tsx
index 6d06a024..bb7abec6 100644
--- a/src/uxcore/components/UsedBy/UsedBy.tsx
+++ b/src/uxcore/components/UsedBy/UsedBy.tsx
@@ -1,10 +1,9 @@
+import type { TRouter } from '@uxcore/local-types/global';
 import cn from 'classnames';
 import { useRouter } from 'next/router';
 import { FC } from 'react';
 import { useInView } from 'react-intersection-observer';
 
-import type { TRouter } from '@uxcore/local-types/global';
-
 import styles from './UsedBy.module.scss';
 
 type UsedByProps = {
diff --git a/src/uxcore/components/UsefulLinksContent/UsefulLinksContent.tsx b/src/uxcore/components/UsefulLinksContent/UsefulLinksContent.tsx
index d9268bf7..128e038a 100644
--- a/src/uxcore/components/UsefulLinksContent/UsefulLinksContent.tsx
+++ b/src/uxcore/components/UsefulLinksContent/UsefulLinksContent.tsx
@@ -1,14 +1,11 @@
+import CustomModal from '@uxcore/components/CustomModal';
+import toolHeaderData from '@uxcore/data/toolHeader';
+import type { TagType } from '@uxcore/local-types/data';
+import type { TRouter } from '@uxcore/local-types/global';
 import cn from 'classnames';
 import { useRouter } from 'next/router';
 import { FC, Fragment, useState } from 'react';
 
-import type { TagType } from '@uxcore/local-types/data';
-import type { TRouter } from '@uxcore/local-types/global';
-
-import toolHeaderData from '@uxcore/data/toolHeader';
-
-import CustomModal from '@uxcore/components/CustomModal';
-
 import styles from './UsefulLinksContent.module.scss';
 
 type UsefulLinksContentProps = {
diff --git a/src/uxcore/components/UserDropdown/UserDropdown.tsx b/src/uxcore/components/UserDropdown/UserDropdown.tsx
index 9a5848e4..d821e12f 100644
--- a/src/uxcore/components/UserDropdown/UserDropdown.tsx
+++ b/src/uxcore/components/UserDropdown/UserDropdown.tsx
@@ -1,3 +1,7 @@
+import { logout } from '@uxcore/api/auth';
+import LogInModal from '@uxcore/components/_uxcp/LogInModal';
+import decisionTable from '@uxcore/data/decisionTable';
+import { TRouter } from '@uxcore/local-types/global';
 import cn from 'classnames';
 import Image from 'next/image';
 import Link from 'next/link';
@@ -5,14 +9,6 @@ import { useRouter } from 'next/router';
 import React, { FC, useCallback, useEffect, useState } from 'react';
 import Skeleton from 'react-loading-skeleton';
 
-import { TRouter } from '@uxcore/local-types/global';
-
-import { logout } from '@uxcore/api/auth';
-
-import decisionTable from '@uxcore/data/decisionTable';
-
-import LogInModal from '@uxcore/components/_uxcp/LogInModal';
-
 import 'react-loading-skeleton/dist/skeleton.css';
 import styles from './UserDropdown.module.scss';
 
diff --git a/src/uxcore/components/UserProfile/UserProfile.tsx b/src/uxcore/components/UserProfile/UserProfile.tsx
index 805040a1..70c32011 100644
--- a/src/uxcore/components/UserProfile/UserProfile.tsx
+++ b/src/uxcore/components/UserProfile/UserProfile.tsx
@@ -1,18 +1,14 @@
+import RankingInfoAndBtn from '@uxcore/components/AccountHeader/RankingInfoAndBtn';
+import Button from '@uxcore/components/Button';
+import StartTestBtn from '@uxcore/components/StartTestBtn';
+import uxcatData from '@uxcore/data/uxcat';
+import useMobile from '@uxcore/hooks/useMobile';
+import { TRouter } from '@uxcore/local-types/global';
 import cn from 'classnames';
 import { useRouter } from 'next/router';
 import React, { FC } from 'react';
 import { Tooltip as ReactTooltip } from 'react-tooltip';
 
-import { TRouter } from '@uxcore/local-types/global';
-
-import useMobile from '@uxcore/hooks/useMobile';
-
-import uxcatData from '@uxcore/data/uxcat';
-
-import RankingInfoAndBtn from '@uxcore/components/AccountHeader/RankingInfoAndBtn';
-import Button from '@uxcore/components/Button';
-import StartTestBtn from '@uxcore/components/StartTestBtn';
-
 import styles from './UserProfile.module.scss';
 
 type UserProfileProps = {
diff --git a/src/uxcore/components/_biases/BiasBody/BiasBody.tsx b/src/uxcore/components/_biases/BiasBody/BiasBody.tsx
index e2809d6a..96385054 100644
--- a/src/uxcore/components/_biases/BiasBody/BiasBody.tsx
+++ b/src/uxcore/components/_biases/BiasBody/BiasBody.tsx
@@ -1,6 +1,5 @@
-import { ComponentType, useEffect, useState } from 'react';
-
 import { biasesByLocale } from '@uxcore/data/biasList';
+import { ComponentType, useEffect, useState } from 'react';
 
 import DemoErrorBoundary from './DemoErrorBoundary';
 import { demoRegistry } from './demoRegistry';
diff --git a/src/uxcore/components/_biases/BiasBody/demos/InformationBias/InformationBias.tsx b/src/uxcore/components/_biases/BiasBody/demos/InformationBias/InformationBias.tsx
index 9504cbcc..6d6d94b5 100644
--- a/src/uxcore/components/_biases/BiasBody/demos/InformationBias/InformationBias.tsx
+++ b/src/uxcore/components/_biases/BiasBody/demos/InformationBias/InformationBias.tsx
@@ -1,6 +1,5 @@
-import { useRouter } from 'next/router';
-
 import { sanitizeHtml } from '@uxcore/lib/sanitizeHtml';
+import { useRouter } from 'next/router';
 
 import rawContent from './InformationBias.content';
 
diff --git a/src/uxcore/components/_biases/BiasLabel/BiasLabel.tsx b/src/uxcore/components/_biases/BiasLabel/BiasLabel.tsx
index 37e0f746..8dd98824 100644
--- a/src/uxcore/components/_biases/BiasLabel/BiasLabel.tsx
+++ b/src/uxcore/components/_biases/BiasLabel/BiasLabel.tsx
@@ -1,14 +1,11 @@
+import ZoomBox from '@uxcore/components/_biases/ZoomBox';
+import { generateLabelsData, isMobileDevice } from '@uxcore/lib/helpers';
+import type { TRouter } from '@uxcore/local-types/global';
 import cn from 'classnames';
 import Link from 'next/link';
 import { useRouter } from 'next/router';
 import React, { FC, MouseEvent, useEffect, useRef, useState } from 'react';
 
-import type { TRouter } from '@uxcore/local-types/global';
-
-import { generateLabelsData, isMobileDevice } from '@uxcore/lib/helpers';
-
-import ZoomBox from '@uxcore/components/_biases/ZoomBox';
-
 import { BiasLabelProps } from './BiasLabel.types';
 
 import styles from './BiasLabel.module.scss';
diff --git a/src/uxcore/components/_biases/BiasLabel/index.ts b/src/uxcore/components/_biases/BiasLabel/index.ts
index 9654c9ee..f9fdf972 100644
--- a/src/uxcore/components/_biases/BiasLabel/index.ts
+++ b/src/uxcore/components/_biases/BiasLabel/index.ts
@@ -1,3 +1,3 @@
-import BiasLabel from "./BiasLabel";
+import BiasLabel from './BiasLabel';
 
 export default BiasLabel;
diff --git a/src/uxcore/components/_biases/FolderItem/FolderItem.tsx b/src/uxcore/components/_biases/FolderItem/FolderItem.tsx
index ac7c0f8a..7e572a93 100644
--- a/src/uxcore/components/_biases/FolderItem/FolderItem.tsx
+++ b/src/uxcore/components/_biases/FolderItem/FolderItem.tsx
@@ -1,14 +1,11 @@
+import ContentParser from '@uxcore/components/ContentParser';
+import biasesFolderViewIntl from '@uxcore/data/biasesFolderView';
+import { StrapiBiasType } from '@uxcore/local-types/data';
+import { TRouter } from '@uxcore/local-types/global';
 import cn from 'classnames';
 import { useRouter } from 'next/router';
 import React, { useCallback } from 'react';
 
-import { StrapiBiasType } from '@uxcore/local-types/data';
-import { TRouter } from '@uxcore/local-types/global';
-
-import biasesFolderViewIntl from '@uxcore/data/biasesFolderView';
-
-import ContentParser from '@uxcore/components/ContentParser';
-
 import styles from './FolderItem.module.scss';
 
 type FolderItemProps = {
diff --git a/src/uxcore/components/_biases/MobileHeader/MobileHeader.tsx b/src/uxcore/components/_biases/MobileHeader/MobileHeader.tsx
index 50197244..e0722336 100644
--- a/src/uxcore/components/_biases/MobileHeader/MobileHeader.tsx
+++ b/src/uxcore/components/_biases/MobileHeader/MobileHeader.tsx
@@ -1,25 +1,19 @@
-import cn from 'classnames';
-import Image from 'next/image';
-import { useRouter } from 'next/router';
-import { FC, useContext, useEffect, useMemo, useState } from 'react';
-
-import type { TRouter } from '@uxcore/local-types/global';
-import { UserTypes } from '@uxcore/local-types/uxcat-types/types';
-
-import { isLevelMilestone } from '@uxcore/lib/uxcat-helpers';
-
 import { getMyInfo } from '@uxcore/api/strapi';
 import { userInfoUpdate } from '@uxcore/api/uxcat/settings';
 import { getUserInfo } from '@uxcore/api/uxcat/users-me';
-
-import toolHeaderData from '@uxcore/data/toolHeader';
-
 import PodcastIcon from '@uxcore/assets/icons/PodcastIcon';
-
 import { GlobalContext } from '@uxcore/components/Context/GlobalContext';
 import LanguageSwitcher from '@uxcore/components/LanguageSwitcher';
 import SettingsModal from '@uxcore/components/SettingsModal';
 import UserDropdown from '@uxcore/components/UserDropdown';
+import toolHeaderData from '@uxcore/data/toolHeader';
+import { isLevelMilestone } from '@uxcore/lib/uxcat-helpers';
+import type { TRouter } from '@uxcore/local-types/global';
+import { UserTypes } from '@uxcore/local-types/uxcat-types/types';
+import cn from 'classnames';
+import Image from 'next/image';
+import { useRouter } from 'next/router';
+import { FC, useContext, useEffect, useMemo, useState } from 'react';
 
 import styles from './MobileHeader.module.scss';
 
diff --git a/src/uxcore/components/_biases/MobileView/MobileView.tsx b/src/uxcore/components/_biases/MobileView/MobileView.tsx
index ce9ed228..38771781 100644
--- a/src/uxcore/components/_biases/MobileView/MobileView.tsx
+++ b/src/uxcore/components/_biases/MobileView/MobileView.tsx
@@ -1,3 +1,21 @@
+import DiamondIcon from '@uxcore/assets/icons/DiamondIcon';
+import { HRIconBlue } from '@uxcore/assets/icons/HRIconBlue';
+import { HRIconGrey } from '@uxcore/assets/icons/HRIconGrey';
+import { PMIcon } from '@uxcore/assets/icons/PMIcon';
+import { PMIconGrey } from '@uxcore/assets/icons/PMIconGrey';
+import MobileHeader from '@uxcore/components/_biases/MobileHeader';
+import { GlobalContext } from '@uxcore/components/Context/GlobalContext';
+import Logos from '@uxcore/components/Logos';
+import OurProjectsModal from '@uxcore/components/OurProjectsModal';
+import PageSwitcher from '@uxcore/components/PageSwitcher';
+import biasesMetadata from '@uxcore/data/biases';
+import biasesCategories from '@uxcore/data/biasesCategories';
+import toolHeaderData from '@uxcore/data/toolHeader';
+import useBiasSearch from '@uxcore/hooks/useBiasSearch';
+import { groupFilteredData } from '@uxcore/lib/helpers';
+import type { StrapiBiasType } from '@uxcore/local-types/data';
+import type { TRouter } from '@uxcore/local-types/global';
+import { UserTypes } from '@uxcore/local-types/uxcat-types/types';
 import cn from 'classnames';
 import dynamic from 'next/dynamic';
 import Image from 'next/image';
@@ -13,37 +31,16 @@ import React, {
   useState,
 } from 'react';
 
-import type { StrapiBiasType } from '@uxcore/local-types/data';
-import type { TRouter } from '@uxcore/local-types/global';
-import { UserTypes } from '@uxcore/local-types/uxcat-types/types';
-
-import useBiasSearch from '@uxcore/hooks/useBiasSearch';
-
-import { groupFilteredData } from '@uxcore/lib/helpers';
-
-import biasesMetadata from '@uxcore/data/biases';
-import biasesCategories from '@uxcore/data/biasesCategories';
-import toolHeaderData from '@uxcore/data/toolHeader';
-
-import DiamondIcon from '@uxcore/assets/icons/DiamondIcon';
-import { HRIconBlue } from '@uxcore/assets/icons/HRIconBlue';
-import { HRIconGrey } from '@uxcore/assets/icons/HRIconGrey';
-import { PMIcon } from '@uxcore/assets/icons/PMIcon';
-import { PMIconGrey } from '@uxcore/assets/icons/PMIconGrey';
-
-import MobileHeader from '@uxcore/components/_biases/MobileHeader';
-import { GlobalContext } from '@uxcore/components/Context/GlobalContext';
-import Logos from '@uxcore/components/Logos';
-import OurProjectsModal from '@uxcore/components/OurProjectsModal';
-import PageSwitcher from '@uxcore/components/PageSwitcher';
-
 import Search from '../Search';
 
 import styles from './MobileView.module.scss';
 
-const ViewSwitcher = dynamic(() => import('@uxcore/components/_biases/ViewSwitcher'), {
-  ssr: false,
-});
+const ViewSwitcher = dynamic(
+  () => import('@uxcore/components/_biases/ViewSwitcher'),
+  {
+    ssr: false,
+  },
+);
 
 type MobileViewProps = {
   containerClassName: string;
diff --git a/src/uxcore/components/_biases/Search/Search.tsx b/src/uxcore/components/_biases/Search/Search.tsx
index d2a23be0..619e9b02 100644
--- a/src/uxcore/components/_biases/Search/Search.tsx
+++ b/src/uxcore/components/_biases/Search/Search.tsx
@@ -1,3 +1,10 @@
+import SearchIcon from '@uxcore/assets/icons/SearchIcon';
+import biasesSearchData from '@uxcore/data/biasesSearch';
+import useBiasSearch from '@uxcore/hooks/useBiasSearch';
+import useMobile from '@uxcore/hooks/useMobile';
+import { getSearchResults } from '@uxcore/lib/helpers';
+import type { StrapiBiasType } from '@uxcore/local-types/data';
+import type { TRouter } from '@uxcore/local-types/global';
 import cn from 'classnames';
 import Image from 'next/image';
 import { useRouter } from 'next/router';
@@ -10,18 +17,6 @@ import {
   useState,
 } from 'react';
 
-import type { StrapiBiasType } from '@uxcore/local-types/data';
-import type { TRouter } from '@uxcore/local-types/global';
-
-import useBiasSearch from '@uxcore/hooks/useBiasSearch';
-import useMobile from '@uxcore/hooks/useMobile';
-
-import { getSearchResults } from '@uxcore/lib/helpers';
-
-import biasesSearchData from '@uxcore/data/biasesSearch';
-
-import SearchIcon from '@uxcore/assets/icons/SearchIcon';
-
 import styles from './Search.module.scss';
 
 type SearchProps = {
diff --git a/src/uxcore/components/_biases/UXCoreLines/UXCoreLines.tsx b/src/uxcore/components/_biases/UXCoreLines/UXCoreLines.tsx
index 57d48b63..539338be 100644
--- a/src/uxcore/components/_biases/UXCoreLines/UXCoreLines.tsx
+++ b/src/uxcore/components/_biases/UXCoreLines/UXCoreLines.tsx
@@ -1,14 +1,12 @@
-import cn from 'classnames';
-import { FC, useEffect, useLayoutEffect, useRef } from 'react';
-
 import { useBrowserScale } from '@uxcore/hooks/useBrowserScale';
-
 import {
   getLeftEndOfPath,
   getRightEndOfPath,
   handleExceptionalIndex,
   sortPathsByVerticalPosition,
 } from '@uxcore/lib/core-view-helpers';
+import cn from 'classnames';
+import { FC, useEffect, useLayoutEffect, useRef } from 'react';
 
 import { defaultPaths, forthPaths, secondPaths, thirdPaths } from './paths';
 import { UXCoreLinesProps } from './UXCoreLines.types';
diff --git a/src/uxcore/components/_biases/ViewSwitcher/ViewSwitcher.tsx b/src/uxcore/components/_biases/ViewSwitcher/ViewSwitcher.tsx
index 2a1aa447..31d7ed36 100644
--- a/src/uxcore/components/_biases/ViewSwitcher/ViewSwitcher.tsx
+++ b/src/uxcore/components/_biases/ViewSwitcher/ViewSwitcher.tsx
@@ -1,11 +1,9 @@
+import biasesViewSwitcherIntl from '@uxcore/data/biasesViewSwitcher';
+import { TRouter } from '@uxcore/local-types/global';
 import cn from 'classnames';
 import { useRouter } from 'next/router';
 import { memo, useCallback } from 'react';
 
-import { TRouter } from '@uxcore/local-types/global';
-
-import biasesViewSwitcherIntl from '@uxcore/data/biasesViewSwitcher';
-
 import styles from './ViewSwitcher.module.scss';
 
 type PropTypes = {
diff --git a/src/uxcore/components/_biases/ZoomBox/ZoomBox.tsx b/src/uxcore/components/_biases/ZoomBox/ZoomBox.tsx
index 18e8cc36..9830f45e 100644
--- a/src/uxcore/components/_biases/ZoomBox/ZoomBox.tsx
+++ b/src/uxcore/components/_biases/ZoomBox/ZoomBox.tsx
@@ -1,9 +1,8 @@
+import { BiasType } from '@uxcore/local-types/data';
 import cn from 'classnames';
 import { forwardRef, useEffect, useState } from 'react';
 import { createPortal } from 'react-dom';
 
-import { BiasType } from '@uxcore/local-types/data';
-
 import styles from './ZoomBox.module.scss';
 
 type TLabel = {
diff --git a/src/uxcore/components/_uxcp/BiasActionCell/BiasActionCell.tsx b/src/uxcore/components/_uxcp/BiasActionCell/BiasActionCell.tsx
index f4e850a2..d88a20ab 100644
--- a/src/uxcore/components/_uxcp/BiasActionCell/BiasActionCell.tsx
+++ b/src/uxcore/components/_uxcp/BiasActionCell/BiasActionCell.tsx
@@ -1,17 +1,14 @@
 // import Link from '@uxcore/components/NextLink';
+import BiasPopupContent from '@uxcore/components/AnswerBiasLink/BiasPopupContent';
+import Tooltip from '@uxcore/components/Tooltip';
+import uxcpLocalization from '@uxcore/data/uxcp';
+import type { StrapiBiasType } from '@uxcore/local-types/data';
+import type { TRouter } from '@uxcore/local-types/global';
 import cn from 'classnames';
 import Link from 'next/link';
 import { useRouter } from 'next/router';
 import { FC, SetStateAction, useCallback, useMemo } from 'react';
 
-import type { StrapiBiasType } from '@uxcore/local-types/data';
-import type { TRouter } from '@uxcore/local-types/global';
-
-import uxcpLocalization from '@uxcore/data/uxcp';
-
-import BiasPopupContent from '@uxcore/components/AnswerBiasLink/BiasPopupContent';
-import Tooltip from '@uxcore/components/Tooltip';
-
 import styles from './BiasActionCell.module.scss';
 
 type TBiasActionCell = {
diff --git a/src/uxcore/components/_uxcp/BiasItem/BiasItem.tsx b/src/uxcore/components/_uxcp/BiasItem/BiasItem.tsx
index c768fc59..00d679f8 100644
--- a/src/uxcore/components/_uxcp/BiasItem/BiasItem.tsx
+++ b/src/uxcore/components/_uxcp/BiasItem/BiasItem.tsx
@@ -1,16 +1,13 @@
+import BiasPopupContent from '@uxcore/components/AnswerBiasLink/BiasPopupContent';
+import Tooltip from '@uxcore/components/Tooltip';
+import uxcpLocalization from '@uxcore/data/uxcp';
+import type { StrapiBiasType } from '@uxcore/local-types/data';
+import type { TRouter } from '@uxcore/local-types/global';
 import cn from 'classnames';
 import Link from 'next/link';
 import { useRouter } from 'next/router';
 import { FC, useCallback, useEffect, useMemo } from 'react';
 
-import type { StrapiBiasType } from '@uxcore/local-types/data';
-import type { TRouter } from '@uxcore/local-types/global';
-
-import uxcpLocalization from '@uxcore/data/uxcp';
-
-import BiasPopupContent from '@uxcore/components/AnswerBiasLink/BiasPopupContent';
-import Tooltip from '@uxcore/components/Tooltip';
-
 import styles from './BiasItem.module.scss';
 
 type TBiasItem = {
diff --git a/src/uxcore/components/_uxcp/BiasSearch/BiasSearch.tsx b/src/uxcore/components/_uxcp/BiasSearch/BiasSearch.tsx
index 1976729a..c6c6c0b2 100644
--- a/src/uxcore/components/_uxcp/BiasSearch/BiasSearch.tsx
+++ b/src/uxcore/components/_uxcp/BiasSearch/BiasSearch.tsx
@@ -1,19 +1,15 @@
-import cn from 'classnames';
-import Image from 'next/image';
-import { useRouter } from 'next/router';
-import { FC, SetStateAction, useCallback, useMemo, useState } from 'react';
-
-import type { StrapiBiasType } from '@uxcore/local-types/data';
-import type { TRouter } from '@uxcore/local-types/global';
-
-import { getSearchResultsUxcp } from '@uxcore/lib/helpers';
-
-import uxcpLocalization from '@uxcore/data/uxcp';
-
 import BiasActionCell from '@uxcore/components/_uxcp/BiasActionCell';
 import Input from '@uxcore/components/Input';
 import Section from '@uxcore/components/Section';
 import Tooltip from '@uxcore/components/Tooltip';
+import uxcpLocalization from '@uxcore/data/uxcp';
+import { getSearchResultsUxcp } from '@uxcore/lib/helpers';
+import type { StrapiBiasType } from '@uxcore/local-types/data';
+import type { TRouter } from '@uxcore/local-types/global';
+import cn from 'classnames';
+import Image from 'next/image';
+import { useRouter } from 'next/router';
+import { FC, SetStateAction, useCallback, useMemo, useState } from 'react';
 
 import styles from './BiasSearch.module.scss';
 
diff --git a/src/uxcore/components/_uxcp/CountryBiasMap/BiasPanel/BiasPanel.tsx b/src/uxcore/components/_uxcp/CountryBiasMap/BiasPanel/BiasPanel.tsx
index 6f6f37b4..df77c664 100644
--- a/src/uxcore/components/_uxcp/CountryBiasMap/BiasPanel/BiasPanel.tsx
+++ b/src/uxcore/components/_uxcp/CountryBiasMap/BiasPanel/BiasPanel.tsx
@@ -1,3 +1,7 @@
+import { countryBiasByLocale, REGION_COLORS } from '@uxcore/data/countryBias';
+import { sanitizeHtml } from '@uxcore/lib/sanitizeHtml';
+import type { StrapiBiasType } from '@uxcore/local-types/data';
+import type { TRouter } from '@uxcore/local-types/global';
 import Link from 'next/link';
 import { useRouter } from 'next/router';
 import {
@@ -10,13 +14,6 @@ import {
   useState,
 } from 'react';
 
-import type { StrapiBiasType } from '@uxcore/local-types/data';
-import type { TRouter } from '@uxcore/local-types/global';
-
-import { sanitizeHtml } from '@uxcore/lib/sanitizeHtml';
-
-import { countryBiasByLocale, REGION_COLORS } from '@uxcore/data/countryBias';
-
 import FlagImage from '../FlagImage';
 
 import styles from './BiasPanel.module.scss';
diff --git a/src/uxcore/components/_uxcp/CountryBiasMap/CountryBiasMap.tsx b/src/uxcore/components/_uxcp/CountryBiasMap/CountryBiasMap.tsx
index b4098eb5..9f3d95dc 100644
--- a/src/uxcore/components/_uxcp/CountryBiasMap/CountryBiasMap.tsx
+++ b/src/uxcore/components/_uxcp/CountryBiasMap/CountryBiasMap.tsx
@@ -1,10 +1,8 @@
-import { useRouter } from 'next/router';
-import { type FC, useEffect, useRef, useState } from 'react';
-
+import { type Country, countryBiasByLocale } from '@uxcore/data/countryBias';
 import type { StrapiBiasType } from '@uxcore/local-types/data';
 import type { TRouter } from '@uxcore/local-types/global';
-
-import { type Country, countryBiasByLocale } from '@uxcore/data/countryBias';
+import { useRouter } from 'next/router';
+import { type FC, useEffect, useRef, useState } from 'react';
 
 import BiasPanel from './BiasPanel';
 import CountryList from './CountryList';
diff --git a/src/uxcore/components/_uxcp/CountryBiasMap/CountryList/CountryList.tsx b/src/uxcore/components/_uxcp/CountryBiasMap/CountryList/CountryList.tsx
index 3dfd88ca..8f9ffb59 100644
--- a/src/uxcore/components/_uxcp/CountryBiasMap/CountryList/CountryList.tsx
+++ b/src/uxcore/components/_uxcp/CountryBiasMap/CountryList/CountryList.tsx
@@ -1,11 +1,9 @@
+import { countryBiasByLocale, REGION_COLORS } from '@uxcore/data/countryBias';
+import type { TRouter } from '@uxcore/local-types/global';
 import cn from 'classnames';
 import { useRouter } from 'next/router';
 import { type ChangeEvent, type FC, useMemo, useState } from 'react';
 
-import type { TRouter } from '@uxcore/local-types/global';
-
-import { countryBiasByLocale, REGION_COLORS } from '@uxcore/data/countryBias';
-
 import FlagImage from '../FlagImage';
 
 import styles from './CountryList.module.scss';
diff --git a/src/uxcore/components/_uxcp/CountryBiasMap/CountryMap/CountryMap.tsx b/src/uxcore/components/_uxcp/CountryBiasMap/CountryMap/CountryMap.tsx
index 955fd094..4ac19102 100644
--- a/src/uxcore/components/_uxcp/CountryBiasMap/CountryMap/CountryMap.tsx
+++ b/src/uxcore/components/_uxcp/CountryBiasMap/CountryMap/CountryMap.tsx
@@ -1,3 +1,5 @@
+import { countryBiasByLocale, REGION_COLORS } from '@uxcore/data/countryBias';
+import type { TRouter } from '@uxcore/local-types/global';
 import {
   geoGraticule10,
   geoNaturalEarth1,
@@ -18,10 +20,6 @@ import {
 import { feature } from 'topojson-client';
 import type { GeometryCollection, Topology } from 'topojson-specification';
 
-import type { TRouter } from '@uxcore/local-types/global';
-
-import { countryBiasByLocale, REGION_COLORS } from '@uxcore/data/countryBias';
-
 import FlagImage from '../FlagImage';
 
 import styles from './CountryMap.module.scss';
diff --git a/src/uxcore/components/_uxcp/DecisionTable/DecisionTable.module.scss b/src/uxcore/components/_uxcp/DecisionTable/DecisionTable.module.scss
index 24e271bf..292ff680 100644
--- a/src/uxcore/components/_uxcp/DecisionTable/DecisionTable.module.scss
+++ b/src/uxcore/components/_uxcp/DecisionTable/DecisionTable.module.scss
@@ -91,11 +91,8 @@ $font-color: rgba(0, 0, 0, 0.65);
     }
 
     .tableText {
-      background: linear-gradient(
-          180deg,
-          rgba(255, 255, 255, 0) 60.23%,
-          #ffffff 92.05%
-        ),
+      background:
+        linear-gradient(180deg, rgba(255, 255, 255, 0) 60.23%, #ffffff 92.05%),
         rgba(0, 0, 0, 0.85);
       -webkit-background-clip: text;
       -webkit-text-fill-color: transparent;
diff --git a/src/uxcore/components/_uxcp/DecisionTable/DecisionTable.tsx b/src/uxcore/components/_uxcp/DecisionTable/DecisionTable.tsx
index 263ae655..ae2e4adf 100644
--- a/src/uxcore/components/_uxcp/DecisionTable/DecisionTable.tsx
+++ b/src/uxcore/components/_uxcp/DecisionTable/DecisionTable.tsx
@@ -1,30 +1,8 @@
-import cn from 'classnames';
-import html2canvas from 'html2canvas';
-import Image from 'next/image';
-import { useRouter } from 'next/router';
-import React, {
-  FC,
-  Fragment,
-  useContext,
-  useEffect,
-  useMemo,
-  useRef,
-  useState,
-} from 'react';
-
-import { TRouter } from '@uxcore/local-types/global';
-
-import useMobile from '@uxcore/hooks/useMobile';
-
-import decisionTable from '@uxcore/data/decisionTable';
-import placeholderText from '@uxcore/data/decisionTable/placeholder';
-
 import Checkmark from '@uxcore/assets/icons/Checkmark';
 import ExportIcon from '@uxcore/assets/icons/ExportIcon';
 import FullScreenIcon from '@uxcore/assets/icons/FullScreenIcon';
 import InfoIcon from '@uxcore/assets/icons/InfoIcon';
 import PictureIcon from '@uxcore/assets/icons/PictureIcon';
-
 import DecisionTableModal from '@uxcore/components/_uxcp/DecisionTableModal/DecisionTableModal';
 import LogInModal from '@uxcore/components/_uxcp/LogInModal';
 import Pagination from '@uxcore/components/_uxcp/Pagination';
@@ -36,6 +14,23 @@ import ContentParser from '@uxcore/components/ContentParser';
 import { GlobalContext } from '@uxcore/components/Context/GlobalContext';
 import Modal from '@uxcore/components/Modal';
 import Tooltip from '@uxcore/components/Tooltip';
+import decisionTable from '@uxcore/data/decisionTable';
+import placeholderText from '@uxcore/data/decisionTable/placeholder';
+import useMobile from '@uxcore/hooks/useMobile';
+import { TRouter } from '@uxcore/local-types/global';
+import cn from 'classnames';
+import html2canvas from 'html2canvas';
+import Image from 'next/image';
+import { useRouter } from 'next/router';
+import React, {
+  FC,
+  Fragment,
+  useContext,
+  useEffect,
+  useMemo,
+  useRef,
+  useState,
+} from 'react';
 
 import styles from './DecisionTable.module.scss';
 
diff --git a/src/uxcore/components/_uxcp/DecisionTableModal/DecisionTableModal.tsx b/src/uxcore/components/_uxcp/DecisionTableModal/DecisionTableModal.tsx
index b9cec9fd..f6c3d0cb 100644
--- a/src/uxcore/components/_uxcp/DecisionTableModal/DecisionTableModal.tsx
+++ b/src/uxcore/components/_uxcp/DecisionTableModal/DecisionTableModal.tsx
@@ -1,16 +1,12 @@
-import { useRouter } from 'next/router';
-import React, { Fragment, useEffect, useState } from 'react';
-import { Tooltip as ReactTooltip } from 'react-tooltip';
-
-import { TRouter } from '@uxcore/local-types/global';
-
-import { sanitizeHtml } from '@uxcore/lib/sanitizeHtml';
-
-import decisionTable from '@uxcore/data/decisionTable';
-
 import Button from '@uxcore/components/Button';
 import Modal from '@uxcore/components/Modal';
 import Textarea from '@uxcore/components/Textarea';
+import decisionTable from '@uxcore/data/decisionTable';
+import { sanitizeHtml } from '@uxcore/lib/sanitizeHtml';
+import { TRouter } from '@uxcore/local-types/global';
+import { useRouter } from 'next/router';
+import React, { Fragment, useEffect, useState } from 'react';
+import { Tooltip as ReactTooltip } from 'react-tooltip';
 
 import styles from './DecisionTableModal.module.scss';
 
diff --git a/src/uxcore/components/_uxcp/LogInModal/LogInModal.tsx b/src/uxcore/components/_uxcp/LogInModal/LogInModal.tsx
index b2c50ab3..3fa2d99b 100644
--- a/src/uxcore/components/_uxcp/LogInModal/LogInModal.tsx
+++ b/src/uxcore/components/_uxcp/LogInModal/LogInModal.tsx
@@ -1,28 +1,19 @@
-import { useRouter } from 'next/router';
-import { signOut, useSession } from 'next-auth/react';
-import { FC, useContext } from 'react';
-
-import { TRouter } from '@uxcore/local-types/global';
-
-import { setRedirectCookie } from '@uxcore/lib/cookies';
-
-import decisionTable from '@uxcore/data/decisionTable';
-
 import DiscordIcon from '@uxcore/assets/icons/DiscordIcon';
 import GoogleIcon from '@uxcore/assets/icons/GoogleIcon';
 import LinkedInIcon from '@uxcore/assets/icons/LinkedInIcon';
 import MailRuIcon from '@uxcore/assets/icons/MailRuIcon';
 import XIcon from '@uxcore/assets/icons/XIcon';
 import YandexIcon from '@uxcore/assets/icons/YandexIcon';
-
 import Button from '@uxcore/components/Button';
 import { GlobalContext } from '@uxcore/components/Context/GlobalContext';
 import Modal from '@uxcore/components/Modal';
-
-import {
-  handleMixpanelSignUp,
-  trackLogInSource,
-} from '@uxcore/lib/mixpanel';
+import decisionTable from '@uxcore/data/decisionTable';
+import { setRedirectCookie } from '@uxcore/lib/cookies';
+import { handleMixpanelSignUp, trackLogInSource } from '@uxcore/lib/mixpanel';
+import { TRouter } from '@uxcore/local-types/global';
+import { useRouter } from 'next/router';
+import { signOut, useSession } from 'next-auth/react';
+import { FC, useContext } from 'react';
 
 import styles from './LogInModal.module.scss';
 
diff --git a/src/uxcore/components/_uxcp/MobileDisclimer/MobileDisclimer.tsx b/src/uxcore/components/_uxcp/MobileDisclimer/MobileDisclimer.tsx
index 29a45d7b..d1f289a3 100644
--- a/src/uxcore/components/_uxcp/MobileDisclimer/MobileDisclimer.tsx
+++ b/src/uxcore/components/_uxcp/MobileDisclimer/MobileDisclimer.tsx
@@ -1,11 +1,9 @@
+import uxcpLocalization from '@uxcore/data/uxcp';
+import type { TRouter } from '@uxcore/local-types/global';
 import Image from 'next/image';
 import { useRouter } from 'next/router';
 import type { FC } from 'react';
 
-import type { TRouter } from '@uxcore/local-types/global';
-
-import uxcpLocalization from '@uxcore/data/uxcp';
-
 import styles from './MobileDisclimer.module.scss';
 
 const MobileDisclimer: FC = () => {
diff --git a/src/uxcore/components/_uxcp/Pagination/Pagination.tsx b/src/uxcore/components/_uxcp/Pagination/Pagination.tsx
index 777de42d..e1b4807b 100644
--- a/src/uxcore/components/_uxcp/Pagination/Pagination.tsx
+++ b/src/uxcore/components/_uxcp/Pagination/Pagination.tsx
@@ -1,11 +1,9 @@
+import uxcpLocalization from '@uxcore/data/uxcp';
+import type { TRouter } from '@uxcore/local-types/global';
 import cn from 'classnames';
 import { useRouter } from 'next/router';
 import { FC, useCallback } from 'react';
 
-import type { TRouter } from '@uxcore/local-types/global';
-
-import uxcpLocalization from '@uxcore/data/uxcp';
-
 import styles from './Pagination.module.scss';
 
 type PaginationProps = {
diff --git a/src/uxcore/components/_uxcp/PersonaButton/PersonaButton.tsx b/src/uxcore/components/_uxcp/PersonaButton/PersonaButton.tsx
index 7097faef..0666101e 100644
--- a/src/uxcore/components/_uxcp/PersonaButton/PersonaButton.tsx
+++ b/src/uxcore/components/_uxcp/PersonaButton/PersonaButton.tsx
@@ -1,9 +1,8 @@
+import type { TRouter } from '@uxcore/local-types/global';
 import cn from 'classnames';
 import { useRouter } from 'next/router';
 import { FC, useCallback, useRef, useState } from 'react';
 
-import type { TRouter } from '@uxcore/local-types/global';
-
 import styles from './PersonaButton.module.scss';
 
 type PersonaButtonProps = {
diff --git a/src/uxcore/components/_uxcp/PersonaDeleteModal/PersonaDeleteModal.tsx b/src/uxcore/components/_uxcp/PersonaDeleteModal/PersonaDeleteModal.tsx
index 6be379b4..dc6f4a85 100644
--- a/src/uxcore/components/_uxcp/PersonaDeleteModal/PersonaDeleteModal.tsx
+++ b/src/uxcore/components/_uxcp/PersonaDeleteModal/PersonaDeleteModal.tsx
@@ -1,10 +1,8 @@
-import { useRouter } from 'next/router';
-import React, { FC } from 'react';
-
-import { TRouter } from '@uxcore/local-types/global';
-
 import Button from '@uxcore/components/Button';
 import Modal from '@uxcore/components/Modal';
+import { TRouter } from '@uxcore/local-types/global';
+import { useRouter } from 'next/router';
+import React, { FC } from 'react';
 
 import styles from './PersonaDeleteModal.module.scss';
 
diff --git a/src/uxcore/components/_uxcp/PersonaExistsModal/PersonaExistsModal.tsx b/src/uxcore/components/_uxcp/PersonaExistsModal/PersonaExistsModal.tsx
index 2a890db9..2c3ab1d0 100644
--- a/src/uxcore/components/_uxcp/PersonaExistsModal/PersonaExistsModal.tsx
+++ b/src/uxcore/components/_uxcp/PersonaExistsModal/PersonaExistsModal.tsx
@@ -1,14 +1,11 @@
+import Button from '@uxcore/components/Button';
+import Modal from '@uxcore/components/Modal';
+import personaModals from '@uxcore/data/personaModals';
+import { TRouter } from '@uxcore/local-types/global';
 import cn from 'classnames';
 import { useRouter } from 'next/router';
 import React, { FC } from 'react';
 
-import { TRouter } from '@uxcore/local-types/global';
-
-import personaModals from '@uxcore/data/personaModals';
-
-import Button from '@uxcore/components/Button';
-import Modal from '@uxcore/components/Modal';
-
 import styles from './PersonaExistsModal.module.scss';
 
 interface PersonaExistsModalProps {
diff --git a/src/uxcore/components/_uxcp/PersonaListIsFullModal/PersonaListIsFullModal.tsx b/src/uxcore/components/_uxcp/PersonaListIsFullModal/PersonaListIsFullModal.tsx
index cbe781df..5bb3891a 100644
--- a/src/uxcore/components/_uxcp/PersonaListIsFullModal/PersonaListIsFullModal.tsx
+++ b/src/uxcore/components/_uxcp/PersonaListIsFullModal/PersonaListIsFullModal.tsx
@@ -1,12 +1,9 @@
-import { useRouter } from 'next/router';
-import React, { FC } from 'react';
-
-import { TRouter } from '@uxcore/local-types/global';
-
-import personaModals from '@uxcore/data/personaModals';
-
 import Button from '@uxcore/components/Button';
 import Modal from '@uxcore/components/Modal';
+import personaModals from '@uxcore/data/personaModals';
+import { TRouter } from '@uxcore/local-types/global';
+import { useRouter } from 'next/router';
+import React, { FC } from 'react';
 
 import styles from './PersonaListIsFullModal.module.scss';
 
diff --git a/src/uxcore/components/_uxcp/PersonaRelatedQuestions/DynamicButton/DynamicButton.tsx b/src/uxcore/components/_uxcp/PersonaRelatedQuestions/DynamicButton/DynamicButton.tsx
index 88eb018f..8f66f864 100644
--- a/src/uxcore/components/_uxcp/PersonaRelatedQuestions/DynamicButton/DynamicButton.tsx
+++ b/src/uxcore/components/_uxcp/PersonaRelatedQuestions/DynamicButton/DynamicButton.tsx
@@ -1,12 +1,10 @@
+import uxcpLocalization from '@uxcore/data/uxcp';
+import type { TagType } from '@uxcore/local-types/data';
+import type { TRouter } from '@uxcore/local-types/global';
 import cn from 'classnames';
 import { useRouter } from 'next/router';
 import { FC } from 'react';
 
-import type { TagType } from '@uxcore/local-types/data';
-import type { TRouter } from '@uxcore/local-types/global';
-
-import uxcpLocalization from '@uxcore/data/uxcp';
-
 import styles from './DynamicButton.module.scss';
 
 type DynamicButtonProps = {
diff --git a/src/uxcore/components/_uxcp/PersonaRelatedQuestions/PersonaRelatedQuestions.tsx b/src/uxcore/components/_uxcp/PersonaRelatedQuestions/PersonaRelatedQuestions.tsx
index a4129752..b510b016 100644
--- a/src/uxcore/components/_uxcp/PersonaRelatedQuestions/PersonaRelatedQuestions.tsx
+++ b/src/uxcore/components/_uxcp/PersonaRelatedQuestions/PersonaRelatedQuestions.tsx
@@ -1,19 +1,15 @@
-import cn from 'classnames';
-import Image from 'next/image';
-import { useRouter } from 'next/router';
-import { FC, useEffect, useMemo, useState } from 'react';
-
-import type { RelevantQuestionType, TagType } from '@uxcore/local-types/data';
-import type { TRouter } from '@uxcore/local-types/global';
-
-import useMobile from '@uxcore/hooks/useMobile';
-
-import uxcpLocalization from '@uxcore/data/uxcp';
-
 import Pagination from '@uxcore/components/_uxcp/Pagination';
 import DynamicButton from '@uxcore/components/_uxcp/PersonaRelatedQuestions/DynamicButton';
 import PriorityFilter from '@uxcore/components/_uxcp/PersonaRelatedQuestions/PriorityFilter';
 import Section from '@uxcore/components/Section';
+import uxcpLocalization from '@uxcore/data/uxcp';
+import useMobile from '@uxcore/hooks/useMobile';
+import type { RelevantQuestionType, TagType } from '@uxcore/local-types/data';
+import type { TRouter } from '@uxcore/local-types/global';
+import cn from 'classnames';
+import Image from 'next/image';
+import { useRouter } from 'next/router';
+import { FC, useEffect, useMemo, useState } from 'react';
 
 import RelatedQuestion from './RelatedQuestion';
 
diff --git a/src/uxcore/components/_uxcp/PersonaRelatedQuestions/PriorityFilter/PriorityFilter.tsx b/src/uxcore/components/_uxcp/PersonaRelatedQuestions/PriorityFilter/PriorityFilter.tsx
index a50b1e54..c63b879f 100644
--- a/src/uxcore/components/_uxcp/PersonaRelatedQuestions/PriorityFilter/PriorityFilter.tsx
+++ b/src/uxcore/components/_uxcp/PersonaRelatedQuestions/PriorityFilter/PriorityFilter.tsx
@@ -1,14 +1,11 @@
+import Tooltip from '@uxcore/components/Tooltip';
+import uxcpLocalization from '@uxcore/data/uxcp';
+import type { TRouter } from '@uxcore/local-types/global';
 import cn from 'classnames';
 import Image from 'next/image';
 import { useRouter } from 'next/router';
 import { FC, useCallback } from 'react';
 
-import type { TRouter } from '@uxcore/local-types/global';
-
-import uxcpLocalization from '@uxcore/data/uxcp';
-
-import Tooltip from '@uxcore/components/Tooltip';
-
 import styles from './PriorityFilter.module.scss';
 
 type PriorityFilterProps = {
diff --git a/src/uxcore/components/_uxcp/PersonaRelatedQuestions/RelatedQuestion/RelatedQuestion.tsx b/src/uxcore/components/_uxcp/PersonaRelatedQuestions/RelatedQuestion/RelatedQuestion.tsx
index f104ff4b..d8a2752f 100644
--- a/src/uxcore/components/_uxcp/PersonaRelatedQuestions/RelatedQuestion/RelatedQuestion.tsx
+++ b/src/uxcore/components/_uxcp/PersonaRelatedQuestions/RelatedQuestion/RelatedQuestion.tsx
@@ -1,10 +1,8 @@
-import cn from 'classnames';
-import { FC } from 'react';
-
-import { QuestionType, StrapiBiasType } from '@uxcore/local-types/data';
-
 import Link from '@uxcore/components/NextLink';
 import Tooltip from '@uxcore/components/Tooltip';
+import { QuestionType, StrapiBiasType } from '@uxcore/local-types/data';
+import cn from 'classnames';
+import { FC } from 'react';
 
 import RelatedQuestionTooltip from './RelatedQuestionTooltip';
 
diff --git a/src/uxcore/components/_uxcp/PersonaRelatedQuestions/RelatedQuestion/RelatedQuestionTooltip/RelatedQuestionTooltip.tsx b/src/uxcore/components/_uxcp/PersonaRelatedQuestions/RelatedQuestion/RelatedQuestionTooltip/RelatedQuestionTooltip.tsx
index 665f2a8e..fad26377 100644
--- a/src/uxcore/components/_uxcp/PersonaRelatedQuestions/RelatedQuestion/RelatedQuestionTooltip/RelatedQuestionTooltip.tsx
+++ b/src/uxcore/components/_uxcp/PersonaRelatedQuestions/RelatedQuestion/RelatedQuestionTooltip/RelatedQuestionTooltip.tsx
@@ -1,10 +1,8 @@
-import { useRouter } from 'next/router';
-import { FC, useMemo } from 'react';
-
+import uxcpLocalization from '@uxcore/data/uxcp';
 import { StrapiBiasType } from '@uxcore/local-types/data';
 import type { TRouter } from '@uxcore/local-types/global';
-
-import uxcpLocalization from '@uxcore/data/uxcp';
+import { useRouter } from 'next/router';
+import { FC, useMemo } from 'react';
 
 import styles from './RelatedQuestionTooltip.module.scss';
 
diff --git a/src/uxcore/components/_uxcp/PersonaSection/PersonaSection.tsx b/src/uxcore/components/_uxcp/PersonaSection/PersonaSection.tsx
index 2d2e6aeb..d11df56c 100644
--- a/src/uxcore/components/_uxcp/PersonaSection/PersonaSection.tsx
+++ b/src/uxcore/components/_uxcp/PersonaSection/PersonaSection.tsx
@@ -1,14 +1,10 @@
-import { useRouter } from 'next/router';
-import { FC, useMemo } from 'react';
-
-import type { TRouter } from '@uxcore/local-types/global';
-
-import useMobile from '@uxcore/hooks/useMobile';
-
-import uxcpLocalization from '@uxcore/data/uxcp';
-
 import TeamMemberSwitcher from '@uxcore/components/_uxcp/TeamMemberSwitcher';
 import Input from '@uxcore/components/Input';
+import uxcpLocalization from '@uxcore/data/uxcp';
+import useMobile from '@uxcore/hooks/useMobile';
+import type { TRouter } from '@uxcore/local-types/global';
+import { useRouter } from 'next/router';
+import { FC, useMemo } from 'react';
 
 import styles from './PersonaSection.module.scss';
 
diff --git a/src/uxcore/components/_uxcp/PieChartSection/PieChartSection.tsx b/src/uxcore/components/_uxcp/PieChartSection/PieChartSection.tsx
index 74732661..2b98bc3a 100644
--- a/src/uxcore/components/_uxcp/PieChartSection/PieChartSection.tsx
+++ b/src/uxcore/components/_uxcp/PieChartSection/PieChartSection.tsx
@@ -1,19 +1,14 @@
-import { useRouter } from 'next/router';
-import { FC, useCallback, useEffect, useMemo, useState } from 'react';
-import { PieChart } from 'react-minimal-pie-chart';
-
-import type { TagType } from '@uxcore/local-types/data';
-import type { TRouter } from '@uxcore/local-types/global';
-
-import useMobile from '@uxcore/hooks/useMobile';
-
-import { calculatePercentage } from '@uxcore/lib/uxcp-helpers';
-
-import uxcpLocalization from '@uxcore/data/uxcp';
-
 import PieLegend from '@uxcore/components/_uxcp/PieChartSection/PieLegend';
 import PieTooltip from '@uxcore/components/_uxcp/PieChartSection/PieTooltip';
 import Section from '@uxcore/components/Section';
+import uxcpLocalization from '@uxcore/data/uxcp';
+import useMobile from '@uxcore/hooks/useMobile';
+import { calculatePercentage } from '@uxcore/lib/uxcp-helpers';
+import type { TagType } from '@uxcore/local-types/data';
+import type { TRouter } from '@uxcore/local-types/global';
+import { useRouter } from 'next/router';
+import { FC, useCallback, useEffect, useMemo, useState } from 'react';
+import { PieChart } from 'react-minimal-pie-chart';
 
 import styles from './PieChartSection.module.scss';
 
diff --git a/src/uxcore/components/_uxcp/PieChartSection/PieLegend/PieLegend.tsx b/src/uxcore/components/_uxcp/PieChartSection/PieLegend/PieLegend.tsx
index a166cd7d..94722e6b 100644
--- a/src/uxcore/components/_uxcp/PieChartSection/PieLegend/PieLegend.tsx
+++ b/src/uxcore/components/_uxcp/PieChartSection/PieLegend/PieLegend.tsx
@@ -1,12 +1,9 @@
-import { useRouter } from 'next/router';
-import { FC, useCallback, useMemo } from 'react';
-
+import Tooltip from '@uxcore/components/Tooltip';
+import uxcpLocalization from '@uxcore/data/uxcp';
 import type { TagType } from '@uxcore/local-types/data';
 import type { TRouter } from '@uxcore/local-types/global';
-
-import uxcpLocalization from '@uxcore/data/uxcp';
-
-import Tooltip from '@uxcore/components/Tooltip';
+import { useRouter } from 'next/router';
+import { FC, useCallback, useMemo } from 'react';
 
 import styles from './PieLegend.module.scss';
 
diff --git a/src/uxcore/components/_uxcp/SavedPersonas/SavedPersonas.tsx b/src/uxcore/components/_uxcp/SavedPersonas/SavedPersonas.tsx
index 62543736..7c8a9cc3 100644
--- a/src/uxcore/components/_uxcp/SavedPersonas/SavedPersonas.tsx
+++ b/src/uxcore/components/_uxcp/SavedPersonas/SavedPersonas.tsx
@@ -1,19 +1,15 @@
-import { format } from 'date-fns';
-import Image from 'next/image';
-import Link from 'next/link';
-import { useRouter } from 'next/router';
-import React, { FC, Fragment, useContext, useState } from 'react';
-
-import { TRouter } from '@uxcore/local-types/global';
-
 import { deletePersona } from '@uxcore/api/personas';
-
-import decisionTable from '@uxcore/data/decisionTable';
-
 import PersonaDeleteModal from '@uxcore/components/_uxcp/PersonaDeleteModal';
 import Button from '@uxcore/components/Button';
 import { GlobalContext } from '@uxcore/components/Context/GlobalContext';
 import Modal from '@uxcore/components/Modal';
+import decisionTable from '@uxcore/data/decisionTable';
+import { TRouter } from '@uxcore/local-types/global';
+import { format } from 'date-fns';
+import Image from 'next/image';
+import Link from 'next/link';
+import { useRouter } from 'next/router';
+import React, { FC, Fragment, useContext, useState } from 'react';
 
 import styles from './SavedPersonas.module.scss';
 
diff --git a/src/uxcore/components/_uxcp/SelectionView/SelectionView.tsx b/src/uxcore/components/_uxcp/SelectionView/SelectionView.tsx
index e5f186f6..d1f7051a 100644
--- a/src/uxcore/components/_uxcp/SelectionView/SelectionView.tsx
+++ b/src/uxcore/components/_uxcp/SelectionView/SelectionView.tsx
@@ -1,3 +1,10 @@
+import BiasItem from '@uxcore/components/_uxcp/BiasItem';
+import Pagination from '@uxcore/components/_uxcp/Pagination';
+import Section from '@uxcore/components/Section';
+import uxcpLocalization from '@uxcore/data/uxcp';
+import useMobile from '@uxcore/hooks/useMobile';
+import type { StrapiBiasType } from '@uxcore/local-types/data';
+import type { TRouter } from '@uxcore/local-types/global';
 import { useRouter } from 'next/router';
 import {
   FC,
@@ -8,17 +15,6 @@ import {
   useState,
 } from 'react';
 
-import type { StrapiBiasType } from '@uxcore/local-types/data';
-import type { TRouter } from '@uxcore/local-types/global';
-
-import useMobile from '@uxcore/hooks/useMobile';
-
-import uxcpLocalization from '@uxcore/data/uxcp';
-
-import BiasItem from '@uxcore/components/_uxcp/BiasItem';
-import Pagination from '@uxcore/components/_uxcp/Pagination';
-import Section from '@uxcore/components/Section';
-
 import styles from './SelectionView.module.scss';
 
 type TSelectionView = {
diff --git a/src/uxcore/components/_uxcp/SuggestedQuestions/Question/Question.tsx b/src/uxcore/components/_uxcp/SuggestedQuestions/Question/Question.tsx
index fc5b7f8e..fb8fa7ca 100644
--- a/src/uxcore/components/_uxcp/SuggestedQuestions/Question/Question.tsx
+++ b/src/uxcore/components/_uxcp/SuggestedQuestions/Question/Question.tsx
@@ -1,9 +1,7 @@
-import { FC } from 'react';
-
-import { SuggestedQuestionType } from '@uxcore/local-types/data';
-
 import Link from '@uxcore/components/NextLink';
 import Tooltip from '@uxcore/components/Tooltip';
+import { SuggestedQuestionType } from '@uxcore/local-types/data';
+import { FC } from 'react';
 
 import QuestionTooltip from './QuestionTooltip';
 
diff --git a/src/uxcore/components/_uxcp/SuggestedQuestions/Question/QuestionTooltip/QuestionTooltip.tsx b/src/uxcore/components/_uxcp/SuggestedQuestions/Question/QuestionTooltip/QuestionTooltip.tsx
index 78f172c3..180ec95a 100644
--- a/src/uxcore/components/_uxcp/SuggestedQuestions/Question/QuestionTooltip/QuestionTooltip.tsx
+++ b/src/uxcore/components/_uxcp/SuggestedQuestions/Question/QuestionTooltip/QuestionTooltip.tsx
@@ -1,10 +1,8 @@
+import uxcpLocalization from '@uxcore/data/uxcp';
+import type { TRouter } from '@uxcore/local-types/global';
 import { useRouter } from 'next/router';
 import { FC, useMemo } from 'react';
 
-import type { TRouter } from '@uxcore/local-types/global';
-
-import uxcpLocalization from '@uxcore/data/uxcp';
-
 import styles from './QuestionTooltip.module.scss';
 
 type QuestionTooltipProps = {
diff --git a/src/uxcore/components/_uxcp/SuggestedQuestions/SuggestedQuestions.tsx b/src/uxcore/components/_uxcp/SuggestedQuestions/SuggestedQuestions.tsx
index 760fd86b..cd185356 100644
--- a/src/uxcore/components/_uxcp/SuggestedQuestions/SuggestedQuestions.tsx
+++ b/src/uxcore/components/_uxcp/SuggestedQuestions/SuggestedQuestions.tsx
@@ -1,14 +1,10 @@
-import { useRouter } from 'next/router';
-import { FC, useMemo } from 'react';
-
+import Section from '@uxcore/components/Section';
+import uxcpLocalization from '@uxcore/data/uxcp';
+import useMobile from '@uxcore/hooks/useMobile';
 import { SuggestedQuestionType } from '@uxcore/local-types/data';
 import type { TRouter } from '@uxcore/local-types/global';
-
-import useMobile from '@uxcore/hooks/useMobile';
-
-import uxcpLocalization from '@uxcore/data/uxcp';
-
-import Section from '@uxcore/components/Section';
+import { useRouter } from 'next/router';
+import { FC, useMemo } from 'react';
 
 import Question from './Question';
 
diff --git a/src/uxcore/components/_uxcp/Switcher/Switcher.tsx b/src/uxcore/components/_uxcp/Switcher/Switcher.tsx
index 705fbd7c..e5cfcfb0 100644
--- a/src/uxcore/components/_uxcp/Switcher/Switcher.tsx
+++ b/src/uxcore/components/_uxcp/Switcher/Switcher.tsx
@@ -1,11 +1,9 @@
+import uxcpLocalization from '@uxcore/data/uxcp';
+import type { TRouter } from '@uxcore/local-types/global';
 import cn from 'classnames';
 import { useRouter } from 'next/router';
 import { FC, useCallback } from 'react';
 
-import type { TRouter } from '@uxcore/local-types/global';
-
-import uxcpLocalization from '@uxcore/data/uxcp';
-
 import styles from './Switcher.module.scss';
 
 type TSwitcher = {
diff --git a/src/uxcore/components/_uxcp/TabHeader/TabHeader.tsx b/src/uxcore/components/_uxcp/TabHeader/TabHeader.tsx
index 18d269c4..d0d11eeb 100644
--- a/src/uxcore/components/_uxcp/TabHeader/TabHeader.tsx
+++ b/src/uxcore/components/_uxcp/TabHeader/TabHeader.tsx
@@ -1,8 +1,7 @@
+import CalloutIcon from '@uxcore/assets/icons/CalloutIcon';
 import cn from 'classnames';
 import { FC } from 'react';
 
-import CalloutIcon from '@uxcore/assets/icons/CalloutIcon';
-
 import styles from './TabHeader.module.scss';
 
 type TabHeaderTypes = {
diff --git a/src/uxcore/components/_uxcp/Table/Table.tsx b/src/uxcore/components/_uxcp/Table/Table.tsx
index cb4f3981..dd268e8c 100644
--- a/src/uxcore/components/_uxcp/Table/Table.tsx
+++ b/src/uxcore/components/_uxcp/Table/Table.tsx
@@ -1,6 +1,5 @@
-import React, { Fragment, ReactNode } from 'react';
-
 import Tooltip from '@uxcore/components/Tooltip';
+import React, { Fragment, ReactNode } from 'react';
 
 import styles from './Table.module.scss';
 
diff --git a/src/uxcore/components/_uxcp/TeamMemberSwitcher/TeamMemberSwitcher.tsx b/src/uxcore/components/_uxcp/TeamMemberSwitcher/TeamMemberSwitcher.tsx
index 49295d39..862638f4 100644
--- a/src/uxcore/components/_uxcp/TeamMemberSwitcher/TeamMemberSwitcher.tsx
+++ b/src/uxcore/components/_uxcp/TeamMemberSwitcher/TeamMemberSwitcher.tsx
@@ -1,14 +1,11 @@
+import Switcher from '@uxcore/components/_uxcp/Switcher';
+import Tooltip from '@uxcore/components/Tooltip';
+import uxcpLocalization from '@uxcore/data/uxcp';
+import type { TRouter } from '@uxcore/local-types/global';
 import Image from 'next/image';
 import { useRouter } from 'next/router';
 import { FC } from 'react';
 
-import type { TRouter } from '@uxcore/local-types/global';
-
-import uxcpLocalization from '@uxcore/data/uxcp';
-
-import Switcher from '@uxcore/components/_uxcp/Switcher';
-import Tooltip from '@uxcore/components/Tooltip';
-
 import styles from './TeamMemberSwitcher.module.scss';
 
 type TTeamMemberSwitcher = {
diff --git a/src/uxcore/components/_uxcp/TeamRelatedInsights/TeamRelatedInsights.tsx b/src/uxcore/components/_uxcp/TeamRelatedInsights/TeamRelatedInsights.tsx
index c302621d..29992623 100644
--- a/src/uxcore/components/_uxcp/TeamRelatedInsights/TeamRelatedInsights.tsx
+++ b/src/uxcore/components/_uxcp/TeamRelatedInsights/TeamRelatedInsights.tsx
@@ -1,15 +1,11 @@
-import { useRouter } from 'next/router';
-import { FC, useMemo } from 'react';
-
-import { StrapiBiasType } from '@uxcore/local-types/data';
-import type { TRouter } from '@uxcore/local-types/global';
-
-import useMobile from '@uxcore/hooks/useMobile';
-
-import uxcpLocalization from '@uxcore/data/uxcp';
-
 import BiasActionCell from '@uxcore/components/_uxcp/BiasActionCell';
 import Section from '@uxcore/components/Section';
+import uxcpLocalization from '@uxcore/data/uxcp';
+import useMobile from '@uxcore/hooks/useMobile';
+import { StrapiBiasType } from '@uxcore/local-types/data';
+import type { TRouter } from '@uxcore/local-types/global';
+import { useRouter } from 'next/router';
+import { FC, useMemo } from 'react';
 
 import styles from './TeamRelatedInsights.module.scss';
 
diff --git a/src/uxcore/components/_uxcp/UXCPDescription/UXCPDescription.tsx b/src/uxcore/components/_uxcp/UXCPDescription/UXCPDescription.tsx
index 30bb0167..31a8e6bf 100644
--- a/src/uxcore/components/_uxcp/UXCPDescription/UXCPDescription.tsx
+++ b/src/uxcore/components/_uxcp/UXCPDescription/UXCPDescription.tsx
@@ -1,10 +1,8 @@
+import uxcpLocalization from '@uxcore/data/uxcp';
+import type { TRouter } from '@uxcore/local-types/global';
 import { useRouter } from 'next/router';
 import type { FC } from 'react';
 
-import type { TRouter } from '@uxcore/local-types/global';
-
-import uxcpLocalization from '@uxcore/data/uxcp';
-
 import styles from './UXCPDescription.module.scss';
 
 const UXCPDescription: FC = () => {
diff --git a/src/uxcore/components/uxcg/TagContainer/TagContainer.tsx b/src/uxcore/components/uxcg/TagContainer/TagContainer.tsx
index 27e54e01..f17a3935 100644
--- a/src/uxcore/components/uxcg/TagContainer/TagContainer.tsx
+++ b/src/uxcore/components/uxcg/TagContainer/TagContainer.tsx
@@ -1,12 +1,11 @@
-import cn from 'classnames';
-import Image from 'next/image';
-import { FC } from 'react';
-
 import { Development } from '@uxcore/assets/icons/uxcgIcons/Development';
 import { Marketing } from '@uxcore/assets/icons/uxcgIcons/Marketing';
 import { Monitoring } from '@uxcore/assets/icons/uxcgIcons/Monitoring';
 import { Released } from '@uxcore/assets/icons/uxcgIcons/Released';
 import { TeamAssemblyIcon } from '@uxcore/assets/icons/uxcgIcons/TeamAssembly';
+import cn from 'classnames';
+import Image from 'next/image';
+import { FC } from 'react';
 
 import { TagContainerProps } from './TagContainer.types';
 
diff --git a/src/uxcore/hooks/useBiasSearch.ts b/src/uxcore/hooks/useBiasSearch.ts
index 04a68764..a8128e1e 100644
--- a/src/uxcore/hooks/useBiasSearch.ts
+++ b/src/uxcore/hooks/useBiasSearch.ts
@@ -1,6 +1,5 @@
-import { useEffect, useState } from 'react';
-
 import { CustomHookType, DispatchFuntion } from '@uxcore/local-types/global';
+import { useEffect, useState } from 'react';
 
 interface StateType {
   searchResults: number[];
diff --git a/src/uxcore/hooks/useContentType.tsx b/src/uxcore/hooks/useContentType.tsx
index 2f01a3e1..12c1138d 100644
--- a/src/uxcore/hooks/useContentType.tsx
+++ b/src/uxcore/hooks/useContentType.tsx
@@ -1,7 +1,3 @@
-import cn from 'classnames';
-import { useCallback, useMemo, useState } from 'react';
-import ReactDomServer from 'react-dom/server';
-
 import Accordion from '@uxcore/components/Accordion';
 import {
   Div,
@@ -12,6 +8,9 @@ import {
   Span,
 } from '@uxcore/components/ContentGenerator/elements';
 import ContentParser from '@uxcore/components/ContentParser';
+import cn from 'classnames';
+import { useCallback, useMemo, useState } from 'react';
+import ReactDomServer from 'react-dom/server';
 
 import useGlobals from './useGlobals';
 
diff --git a/src/uxcore/hooks/useFormPopup.ts b/src/uxcore/hooks/useFormPopup.ts
index 050f3eba..bb323865 100644
--- a/src/uxcore/hooks/useFormPopup.ts
+++ b/src/uxcore/hooks/useFormPopup.ts
@@ -1,6 +1,5 @@
-import { useEffect, useState } from 'react';
-
 import { CustomHookType, DispatchFuntion } from '@uxcore/local-types/global';
+import { useEffect, useState } from 'react';
 
 interface StateType {
   isVisible: boolean;
diff --git a/src/uxcore/hooks/useGlobals.ts b/src/uxcore/hooks/useGlobals.ts
index 2c27ee36..214b944b 100644
--- a/src/uxcore/hooks/useGlobals.ts
+++ b/src/uxcore/hooks/useGlobals.ts
@@ -1,6 +1,5 @@
-import { useCallback, useEffect, useState } from 'react';
-
 import { CustomHookType, DispatchFuntion } from '@uxcore/local-types/global';
+import { useCallback, useEffect, useState } from 'react';
 
 type TFullscreenFunction = (options?: FullscreenOptions) => Promise<void>;
 
diff --git a/src/uxcore/hooks/useImageModule.ts b/src/uxcore/hooks/useImageModule.ts
index 79191295..9801e4c1 100644
--- a/src/uxcore/hooks/useImageModule.ts
+++ b/src/uxcore/hooks/useImageModule.ts
@@ -1,6 +1,5 @@
-import { useEffect, useState } from 'react';
-
 import { CustomHookType, DispatchFuntion } from '@uxcore/local-types/global';
+import { useEffect, useState } from 'react';
 
 interface StateType {
   pinnedImage: string | undefined;
diff --git a/src/uxcore/hooks/useMobile.ts b/src/uxcore/hooks/useMobile.ts
index ebf0eefa..a5adc98c 100644
--- a/src/uxcore/hooks/useMobile.ts
+++ b/src/uxcore/hooks/useMobile.ts
@@ -1,6 +1,5 @@
-import { useEffect, useState } from 'react';
-
 import { CustomHookType, DispatchFuntion } from '@uxcore/local-types/global';
+import { useEffect, useState } from 'react';
 
 interface TState {
   isMobile: boolean;
diff --git a/src/uxcore/hooks/useSpinner.ts b/src/uxcore/hooks/useSpinner.ts
index e183fa2a..fef2274d 100644
--- a/src/uxcore/hooks/useSpinner.ts
+++ b/src/uxcore/hooks/useSpinner.ts
@@ -1,6 +1,5 @@
-import { useEffect, useState } from 'react';
-
 import { CustomHookType, DispatchFuntion } from '@uxcore/local-types/global';
+import { useEffect, useState } from 'react';
 
 interface StateType {
   isVisible: boolean;
diff --git a/src/uxcore/hooks/useTooltip.ts b/src/uxcore/hooks/useTooltip.ts
index ae472ca6..881390fc 100644
--- a/src/uxcore/hooks/useTooltip.ts
+++ b/src/uxcore/hooks/useTooltip.ts
@@ -1,6 +1,5 @@
-import { useEffect, useState } from 'react';
-
 import { CustomHookType, DispatchFuntion } from '@uxcore/local-types/global';
+import { useEffect, useState } from 'react';
 
 interface StateType {
   activeTooltipId: string | null;
diff --git a/src/uxcore/hooks/useUXCGGlobals.ts b/src/uxcore/hooks/useUXCGGlobals.ts
index 6bf04ae0..54354e75 100644
--- a/src/uxcore/hooks/useUXCGGlobals.ts
+++ b/src/uxcore/hooks/useUXCGGlobals.ts
@@ -1,6 +1,5 @@
-import { useEffect, useState } from 'react';
-
 import { CustomHookType, DispatchFuntion } from '@uxcore/local-types/global';
+import { useEffect, useState } from 'react';
 
 interface TState {
   isOpenedUXCGDescription: boolean;
diff --git a/src/uxcore/hooks/useUXCatGlobals.ts b/src/uxcore/hooks/useUXCatGlobals.ts
index 7ecd6f8f..c876a269 100644
--- a/src/uxcore/hooks/useUXCatGlobals.ts
+++ b/src/uxcore/hooks/useUXCatGlobals.ts
@@ -1,6 +1,5 @@
-import { useEffect, useState } from 'react';
-
 import { CustomHookType, DispatchFuntion } from '@uxcore/local-types/global';
+import { useEffect, useState } from 'react';
 
 interface TState {
   isOpenedUXCatRules: boolean;
diff --git a/src/uxcore/hooks/useUXCoreGlobals.ts b/src/uxcore/hooks/useUXCoreGlobals.ts
index a18a5f76..ea203d8a 100644
--- a/src/uxcore/hooks/useUXCoreGlobals.ts
+++ b/src/uxcore/hooks/useUXCoreGlobals.ts
@@ -1,6 +1,5 @@
-import { useEffect, useState } from 'react';
-
 import { CustomHookType, DispatchFuntion } from '@uxcore/local-types/global';
+import { useEffect, useState } from 'react';
 
 interface TState {
   isCoreView: boolean;
diff --git a/src/uxcore/hooks/uxcoreMobile.ts b/src/uxcore/hooks/uxcoreMobile.ts
index ad5d28a1..6d5e1f95 100644
--- a/src/uxcore/hooks/uxcoreMobile.ts
+++ b/src/uxcore/hooks/uxcoreMobile.ts
@@ -1,6 +1,5 @@
-import { useEffect, useState } from 'react';
-
 import { CustomHookType, DispatchFuntion } from '@uxcore/local-types/global';
+import { useEffect, useState } from 'react';
 
 interface TState {
   isUxcoreMobile: boolean;
diff --git a/src/uxcore/layouts/ApiLayout/ApiLayout.tsx b/src/uxcore/layouts/ApiLayout/ApiLayout.tsx
index 44dd2cc6..7e2b229f 100644
--- a/src/uxcore/layouts/ApiLayout/ApiLayout.tsx
+++ b/src/uxcore/layouts/ApiLayout/ApiLayout.tsx
@@ -1,10 +1,8 @@
-import React, { FC } from 'react';
-
-import uxcoreApi from '@uxcore/data/uxcoreApi/uxcoreapi';
-
 import BorderedContainer from '@uxcore/components/BorderedContainer';
 import CodeSnippet from '@uxcore/components/CodeSnippet';
 import ToolFooter from '@uxcore/components/ToolFooter';
+import uxcoreApi from '@uxcore/data/uxcoreApi/uxcoreapi';
+import React, { FC } from 'react';
 
 import styles from './ApiLayout.module.scss';
 
diff --git a/src/uxcore/layouts/CalculatingResults/CalculatingResults.tsx b/src/uxcore/layouts/CalculatingResults/CalculatingResults.tsx
index c75af32e..4ed764c3 100644
--- a/src/uxcore/layouts/CalculatingResults/CalculatingResults.tsx
+++ b/src/uxcore/layouts/CalculatingResults/CalculatingResults.tsx
@@ -1,10 +1,8 @@
+import testResultData from '@uxcore/data/uxcat/testResult';
+import { TRouter } from '@uxcore/local-types/global';
 import { useRouter } from 'next/router';
 import { FC, useEffect, useState } from 'react';
 
-import { TRouter } from '@uxcore/local-types/global';
-
-import testResultData from '@uxcore/data/uxcat/testResult';
-
 import styles from './CalculatingResults.module.scss';
 
 type ProgressItem = {
diff --git a/src/uxcore/layouts/CertificateLayout/CertificateLayout.tsx b/src/uxcore/layouts/CertificateLayout/CertificateLayout.tsx
index aa5f9a14..80e4a0ed 100644
--- a/src/uxcore/layouts/CertificateLayout/CertificateLayout.tsx
+++ b/src/uxcore/layouts/CertificateLayout/CertificateLayout.tsx
@@ -1,14 +1,11 @@
-import { FC, useContext, useState } from 'react';
-import { usePDF } from 'react-to-pdf';
-
-import copyButtonData from '@uxcore/data/copyButton';
-import downloadButtonData from '@uxcore/data/downloadButton';
-
 import CopyLinkIcon from '@uxcore/assets/icons/CopyLinkIcon';
-
 import Button from '@uxcore/components/Button';
 import CertificateContainer from '@uxcore/components/CertificateContainer';
 import { GlobalContext } from '@uxcore/components/Context/GlobalContext';
+import copyButtonData from '@uxcore/data/copyButton';
+import downloadButtonData from '@uxcore/data/downloadButton';
+import { FC, useContext, useState } from 'react';
+import { usePDF } from 'react-to-pdf';
 
 import styles from './CertificateLayout.module.scss';
 
diff --git a/src/uxcore/layouts/CoreViewLayout/CoreViewLayout.tsx b/src/uxcore/layouts/CoreViewLayout/CoreViewLayout.tsx
index 99144572..e75cf688 100644
--- a/src/uxcore/layouts/CoreViewLayout/CoreViewLayout.tsx
+++ b/src/uxcore/layouts/CoreViewLayout/CoreViewLayout.tsx
@@ -1,23 +1,18 @@
+import BiasEnvironment from '@uxcore/components/_biases/BiasEnvironment/BiasEnvironment';
+import BiasLabel from '@uxcore/components/_biases/BiasLabel';
+import UXCoreLines from '@uxcore/components/_biases/UXCoreLines/UXCoreLines';
+import biasesLocalization from '@uxcore/data/biases';
+import copyButtonData from '@uxcore/data/copyButton';
+import useBiasSearch from '@uxcore/hooks/useBiasSearch';
+import { useBrowserScale } from '@uxcore/hooks/useBrowserScale';
+import { copyToClipboard } from '@uxcore/lib/helpers';
+import type { StrapiBiasType } from '@uxcore/local-types/data';
+import type { TRouter } from '@uxcore/local-types/global';
 import cn from 'classnames';
 import { useRouter } from 'next/router';
 import { FC, memo, useState } from 'react';
 import { Tooltip as ReactTooltip } from 'react-tooltip';
 
-import type { StrapiBiasType } from '@uxcore/local-types/data';
-import type { TRouter } from '@uxcore/local-types/global';
-
-import useBiasSearch from '@uxcore/hooks/useBiasSearch';
-import { useBrowserScale } from '@uxcore/hooks/useBrowserScale';
-
-import { copyToClipboard } from '@uxcore/lib/helpers';
-
-import biasesLocalization from '@uxcore/data/biases';
-import copyButtonData from '@uxcore/data/copyButton';
-
-import BiasEnvironment from '@uxcore/components/_biases/BiasEnvironment/BiasEnvironment';
-import BiasLabel from '@uxcore/components/_biases/BiasLabel';
-import UXCoreLines from '@uxcore/components/_biases/UXCoreLines/UXCoreLines';
-
 import styles from './CoreViewLayout.module.scss';
 
 type TDesktopView = {
diff --git a/src/uxcore/layouts/FolderViewLayout/FolderViewLayout.tsx b/src/uxcore/layouts/FolderViewLayout/FolderViewLayout.tsx
index cf1f7349..828973c3 100644
--- a/src/uxcore/layouts/FolderViewLayout/FolderViewLayout.tsx
+++ b/src/uxcore/layouts/FolderViewLayout/FolderViewLayout.tsx
@@ -1,17 +1,14 @@
+import FolderItem from '@uxcore/components/_biases/FolderItem';
+import ContentGenerator from '@uxcore/components/ContentGenerator';
+import biasesCategoriesIntl from '@uxcore/data/biasesCategories';
+import biasesFolderViewIntl from '@uxcore/data/biasesFolderView';
+import { StrapiBiasType } from '@uxcore/local-types/data';
+import { TRouter } from '@uxcore/local-types/global';
 import cn from 'classnames';
 import debounce from 'lodash.debounce';
 import { useRouter } from 'next/router';
 import { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';
 
-import { StrapiBiasType } from '@uxcore/local-types/data';
-import { TRouter } from '@uxcore/local-types/global';
-
-import biasesCategoriesIntl from '@uxcore/data/biasesCategories';
-import biasesFolderViewIntl from '@uxcore/data/biasesFolderView';
-
-import FolderItem from '@uxcore/components/_biases/FolderItem';
-import ContentGenerator from '@uxcore/components/ContentGenerator';
-
 import Search from './Search';
 
 import styles from './FolderViewLayout.module.scss';
diff --git a/src/uxcore/layouts/FolderViewLayout/Search/Search.tsx b/src/uxcore/layouts/FolderViewLayout/Search/Search.tsx
index 14eda9fa..dcd4ee5f 100644
--- a/src/uxcore/layouts/FolderViewLayout/Search/Search.tsx
+++ b/src/uxcore/layouts/FolderViewLayout/Search/Search.tsx
@@ -1,3 +1,9 @@
+import biasesSearchData from '@uxcore/data/biasesSearch';
+import useBiasSearch from '@uxcore/hooks/useBiasSearch';
+import useMobile from '@uxcore/hooks/useMobile';
+import { getSearchResults } from '@uxcore/lib/helpers';
+import type { StrapiBiasType } from '@uxcore/local-types/data';
+import type { TRouter } from '@uxcore/local-types/global';
 import cn from 'classnames';
 import Image from 'next/image';
 import { useRouter } from 'next/router';
@@ -10,16 +16,6 @@ import {
   useState,
 } from 'react';
 
-import type { StrapiBiasType } from '@uxcore/local-types/data';
-import type { TRouter } from '@uxcore/local-types/global';
-
-import useBiasSearch from '@uxcore/hooks/useBiasSearch';
-import useMobile from '@uxcore/hooks/useMobile';
-
-import { getSearchResults } from '@uxcore/lib/helpers';
-
-import biasesSearchData from '@uxcore/data/biasesSearch';
-
 import styles from './Search.module.scss';
 
 type SearchProps = {
diff --git a/src/uxcore/layouts/Layout.tsx b/src/uxcore/layouts/Layout.tsx
index 4a627953..2011e5fa 100644
--- a/src/uxcore/layouts/Layout.tsx
+++ b/src/uxcore/layouts/Layout.tsx
@@ -1,19 +1,14 @@
-import { usePathname } from 'next/navigation';
-import { useRouter } from 'next/router';
-import React, { useContext, useEffect, useState } from 'react';
-
-import { TRouter } from '@uxcore/local-types/global';
-
-import useUCoreMobile from '@uxcore/hooks/uxcoreMobile';
-
 import { getPersonaList } from '@uxcore/api/personas';
-
-import decisionTable from '@uxcore/data/decisionTable';
-
 import SavedPersonas from '@uxcore/components/_uxcp/SavedPersonas';
 import { GlobalContext } from '@uxcore/components/Context/GlobalContext';
 import ToolHeader from '@uxcore/components/ToolHeader';
 import UXCorePopup from '@uxcore/components/UXCorePopup';
+import decisionTable from '@uxcore/data/decisionTable';
+import useUCoreMobile from '@uxcore/hooks/uxcoreMobile';
+import { TRouter } from '@uxcore/local-types/global';
+import { usePathname } from 'next/navigation';
+import { useRouter } from 'next/router';
+import React, { useContext, useEffect, useState } from 'react';
 
 export default function Layout({ children }: { children: React.ReactNode }) {
   const router = useRouter();
diff --git a/src/uxcore/layouts/OngoingLayout/OngoingLayout.tsx b/src/uxcore/layouts/OngoingLayout/OngoingLayout.tsx
index 7c5158ce..528b93d9 100644
--- a/src/uxcore/layouts/OngoingLayout/OngoingLayout.tsx
+++ b/src/uxcore/layouts/OngoingLayout/OngoingLayout.tsx
@@ -1,28 +1,22 @@
-import cn from 'classnames';
-import Image from 'next/image';
-import { useRouter } from 'next/router';
-import { FC, useContext, useEffect, useState } from 'react';
-import Skeleton from 'react-loading-skeleton';
-import { Tooltip as ReactTooltip } from 'react-tooltip';
-
-import { StrapiBiasType } from '@uxcore/local-types/data';
-import { TRouter } from '@uxcore/local-types/global';
-
-import { mergeBiasesLocalization } from '@uxcore/lib/helpers';
-
 import { getAchievement } from '@uxcore/api/uxcat/get-achievement';
 import { getUXCatSubmitTest } from '@uxcore/api/uxcat/submit-test';
-
-import ongoingTestData from '@uxcore/data/uxcat/ongoingTest';
-
 import ArrowRight from '@uxcore/assets/icons/ArrowRight';
-
 import Button from '@uxcore/components/Button';
 import ContentParser from '@uxcore/components/ContentParser';
 import { GlobalContext } from '@uxcore/components/Context/GlobalContext';
 import OngoingAnswerLines from '@uxcore/components/OngoingAnswerLines';
 import OngoingHeader from '@uxcore/components/OngoingHeader';
 import Toasts from '@uxcore/components/Toasts';
+import ongoingTestData from '@uxcore/data/uxcat/ongoingTest';
+import { mergeBiasesLocalization } from '@uxcore/lib/helpers';
+import { StrapiBiasType } from '@uxcore/local-types/data';
+import { TRouter } from '@uxcore/local-types/global';
+import cn from 'classnames';
+import Image from 'next/image';
+import { useRouter } from 'next/router';
+import { FC, useContext, useEffect, useState } from 'react';
+import Skeleton from 'react-loading-skeleton';
+import { Tooltip as ReactTooltip } from 'react-tooltip';
 
 import 'react-loading-skeleton/dist/skeleton.css';
 import styles from './OngoingLayout.module.scss';
diff --git a/src/uxcore/layouts/StartTestLayout/StartTestLayout.tsx b/src/uxcore/layouts/StartTestLayout/StartTestLayout.tsx
index a13203c0..35aca3eb 100644
--- a/src/uxcore/layouts/StartTestLayout/StartTestLayout.tsx
+++ b/src/uxcore/layouts/StartTestLayout/StartTestLayout.tsx
@@ -1,11 +1,9 @@
+import UxCatLogo from '@uxcore/assets/icons/UxCatLogo';
+import Button from '@uxcore/components/Button';
 import cn from 'classnames';
 import dynamic from 'next/dynamic';
 import { FC } from 'react';
 
-import UxCatLogo from '@uxcore/assets/icons/UxCatLogo';
-
-import Button from '@uxcore/components/Button';
-
 import styles from './StartTestLayout.module.scss';
 
 const Modal = dynamic(() => import('@uxcore/components/Modal'), {
diff --git a/src/uxcore/layouts/TestResult/TestResultLayout.tsx b/src/uxcore/layouts/TestResult/TestResultLayout.tsx
index a688ce5c..063a4149 100644
--- a/src/uxcore/layouts/TestResult/TestResultLayout.tsx
+++ b/src/uxcore/layouts/TestResult/TestResultLayout.tsx
@@ -1,20 +1,5 @@
-import cn from 'classnames';
-import Image from 'next/image';
-import { useRouter } from 'next/router';
-import React, { FC, useContext, useEffect, useState } from 'react';
-import Skeleton from 'react-loading-skeleton';
-
-import type { TRouter } from '@uxcore/local-types/global';
-import { uxCatLevels } from '@uxcore/local-types/uxcat-types/types';
-
-import { isLevelMilestone } from '@uxcore/lib/uxcat-helpers';
-
 import { userInfoUpdate } from '@uxcore/api/uxcat/settings';
-
-import testResultData from '@uxcore/data/uxcat/testResult';
-
 import BobIconWhite from '@uxcore/assets/icons/BobIconWhite';
-
 import AddToCalendar from '@uxcore/components/AddToCalendar';
 import Button from '@uxcore/components/Button';
 import CompletionBar from '@uxcore/components/CompletionBar';
@@ -24,6 +9,15 @@ import Result from '@uxcore/components/Result';
 import ScorePanel from '@uxcore/components/ScorePanel';
 import TestResultsAchievements from '@uxcore/components/TestResultsAchievements';
 import Toasts from '@uxcore/components/Toasts';
+import testResultData from '@uxcore/data/uxcat/testResult';
+import { isLevelMilestone } from '@uxcore/lib/uxcat-helpers';
+import type { TRouter } from '@uxcore/local-types/global';
+import { uxCatLevels } from '@uxcore/local-types/uxcat-types/types';
+import cn from 'classnames';
+import Image from 'next/image';
+import { useRouter } from 'next/router';
+import React, { FC, useContext, useEffect, useState } from 'react';
+import Skeleton from 'react-loading-skeleton';
 
 import 'react-toastify/dist/ReactToastify.css';
 import styles from './TestResultLayout.module.scss';
diff --git a/src/uxcore/layouts/UXCGLayout/UXCGLayout.tsx b/src/uxcore/layouts/UXCGLayout/UXCGLayout.tsx
index 170fa83c..4e51db7e 100644
--- a/src/uxcore/layouts/UXCGLayout/UXCGLayout.tsx
+++ b/src/uxcore/layouts/UXCGLayout/UXCGLayout.tsx
@@ -1,3 +1,11 @@
+import Table from '@uxcore/components/Table';
+import ToolFooter from '@uxcore/components/ToolFooter';
+import PanelHeader from '@uxcore/components/uxcg/PanelHeader';
+import TagContainer from '@uxcore/components/uxcg/TagContainer';
+import uxcgDescriptionData from '@uxcore/data/uxcgDescriptionData';
+import useSpinner from '@uxcore/hooks/useSpinner';
+import { QuestionType, TagType } from '@uxcore/local-types/data';
+import { TRouter } from '@uxcore/local-types/global';
 import cn from 'classnames';
 import { useRouter } from 'next/router';
 import React, {
@@ -9,18 +17,6 @@ import React, {
   useState,
 } from 'react';
 
-import { QuestionType, TagType } from '@uxcore/local-types/data';
-import { TRouter } from '@uxcore/local-types/global';
-
-import useSpinner from '@uxcore/hooks/useSpinner';
-
-import uxcgDescriptionData from '@uxcore/data/uxcgDescriptionData';
-
-import Table from '@uxcore/components/Table';
-import ToolFooter from '@uxcore/components/ToolFooter';
-import PanelHeader from '@uxcore/components/uxcg/PanelHeader';
-import TagContainer from '@uxcore/components/uxcg/TagContainer';
-
 import styles from './UXCGLayout.module.scss';
 
 interface UXCGLayoutProps {
diff --git a/src/uxcore/layouts/UXCPLayout/UXCPLayout.tsx b/src/uxcore/layouts/UXCPLayout/UXCPLayout.tsx
index 260aef94..8cfb6f51 100644
--- a/src/uxcore/layouts/UXCPLayout/UXCPLayout.tsx
+++ b/src/uxcore/layouts/UXCPLayout/UXCPLayout.tsx
@@ -1,30 +1,8 @@
-import cn from 'classnames';
-import dynamic from 'next/dynamic';
-import { useRouter } from 'next/router';
-import React, {
-  FC,
-  memo,
-  useCallback,
-  useContext,
-  useEffect,
-  useMemo,
-  useRef,
-  useState,
-} from 'react';
-
-import type { QuestionType, StrapiBiasType, TagType } from '@uxcore/local-types/data';
-import type { TRouter } from '@uxcore/local-types/global';
-
-import useMobile from '@uxcore/hooks/useMobile';
-
-import { copyToClipboard } from '@uxcore/lib/helpers';
-import { calculateData, generateUXCPLink } from '@uxcore/lib/uxcp-helpers';
-
-import { addPersona, getPersonaList, updatePersona } from '@uxcore/api/personas';
-
-import decisionTable from '@uxcore/data/decisionTable';
-import uxcpLocalization from '@uxcore/data/uxcp';
-
+import {
+  addPersona,
+  getPersonaList,
+  updatePersona,
+} from '@uxcore/api/personas';
 import BiasSearch from '@uxcore/components/_uxcp/BiasSearch';
 import CountryBiasMap from '@uxcore/components/_uxcp/CountryBiasMap';
 import DecisionTable from '@uxcore/components/_uxcp/DecisionTable';
@@ -41,6 +19,30 @@ import { GlobalContext } from '@uxcore/components/Context/GlobalContext';
 import Input from '@uxcore/components/Input';
 import Section from '@uxcore/components/Section';
 import ToolFooter from '@uxcore/components/ToolFooter';
+import decisionTable from '@uxcore/data/decisionTable';
+import uxcpLocalization from '@uxcore/data/uxcp';
+import useMobile from '@uxcore/hooks/useMobile';
+import { copyToClipboard } from '@uxcore/lib/helpers';
+import { calculateData, generateUXCPLink } from '@uxcore/lib/uxcp-helpers';
+import type {
+  QuestionType,
+  StrapiBiasType,
+  TagType,
+} from '@uxcore/local-types/data';
+import type { TRouter } from '@uxcore/local-types/global';
+import cn from 'classnames';
+import dynamic from 'next/dynamic';
+import { useRouter } from 'next/router';
+import React, {
+  FC,
+  memo,
+  useCallback,
+  useContext,
+  useEffect,
+  useMemo,
+  useRef,
+  useState,
+} from 'react';
 
 import styles from './UXCPLayout.module.scss';
 
diff --git a/src/uxcore/layouts/UXCatLayout/UXCatLayout.tsx b/src/uxcore/layouts/UXCatLayout/UXCatLayout.tsx
index 7a2f055c..b5dbc45a 100644
--- a/src/uxcore/layouts/UXCatLayout/UXCatLayout.tsx
+++ b/src/uxcore/layouts/UXCatLayout/UXCatLayout.tsx
@@ -1,22 +1,3 @@
-import { useRouter } from 'next/router';
-import React, { FC, useCallback, useContext, useEffect, useState } from 'react';
-import ConfettiExplosion from 'react-confetti-explosion';
-import Skeleton from 'react-loading-skeleton';
-
-import type { TRouter } from '@uxcore/local-types/global';
-import {
-  LevelDetailsTypes,
-  userLevels,
-  UserTypes,
-  uxCatLevels,
-} from '@uxcore/local-types/uxcat-types/types';
-
-import useKonamiCode from '@uxcore/hooks/useKonamiCode';
-
-import { isLevelMilestone } from '@uxcore/lib/uxcat-helpers';
-
-import uxcatData from '@uxcore/data/uxcat';
-
 import LogInModal from '@uxcore/components/_uxcp/LogInModal';
 import Accordion from '@uxcore/components/Accordion';
 import AchievementContainer from '@uxcore/components/AchievementContainer';
@@ -27,6 +8,20 @@ import GenderModal from '@uxcore/components/GenderModal';
 import Toasts from '@uxcore/components/Toasts';
 import UserProfile from '@uxcore/components/UserProfile';
 import UXCatFooter from '@uxcore/components/UXCatFooter';
+import uxcatData from '@uxcore/data/uxcat';
+import useKonamiCode from '@uxcore/hooks/useKonamiCode';
+import { isLevelMilestone } from '@uxcore/lib/uxcat-helpers';
+import type { TRouter } from '@uxcore/local-types/global';
+import {
+  LevelDetailsTypes,
+  userLevels,
+  UserTypes,
+  uxCatLevels,
+} from '@uxcore/local-types/uxcat-types/types';
+import { useRouter } from 'next/router';
+import React, { FC, useCallback, useContext, useEffect, useState } from 'react';
+import ConfettiExplosion from 'react-confetti-explosion';
+import Skeleton from 'react-loading-skeleton';
 
 import 'react-toastify/dist/ReactToastify.css';
 import styles from './UXCatLayout.module.scss';
diff --git a/src/uxcore/layouts/UXCoreLayout/UXCoreLayout.tsx b/src/uxcore/layouts/UXCoreLayout/UXCoreLayout.tsx
index c870ef0d..fa82d179 100644
--- a/src/uxcore/layouts/UXCoreLayout/UXCoreLayout.tsx
+++ b/src/uxcore/layouts/UXCoreLayout/UXCoreLayout.tsx
@@ -1,35 +1,33 @@
-import cn from 'classnames';
-import dynamic from 'next/dynamic';
-import { useRouter } from 'next/router';
-import React, { FC, useEffect, useState } from 'react';
-
-import type { TRouter } from '@uxcore/local-types/global';
-
-import useUXCoreGlobals from '@uxcore/hooks/useUXCoreGlobals';
-import useUCoreMobile from '@uxcore/hooks/uxcoreMobile';
-
-import biasesLocalization from '@uxcore/data/biases';
-import biasesMobile from '@uxcore/data/biasesMobile';
-
 import CoreIcon from '@uxcore/assets/icons/CoreIcon';
 import FolderIcon from '@uxcore/assets/icons/FolderIcon';
 import { HRIconBlue } from '@uxcore/assets/icons/HRIconBlue';
 import { HRIconGrey } from '@uxcore/assets/icons/HRIconGrey';
 import { PMIcon } from '@uxcore/assets/icons/PMIcon';
 import { PMIconGrey } from '@uxcore/assets/icons/PMIconGrey';
-
 import Search from '@uxcore/components/_biases/Search';
 import Logos from '@uxcore/components/Logos';
 import Spinner from '@uxcore/components/Spinner';
 import ToolFooter from '@uxcore/components/ToolFooter';
+import biasesLocalization from '@uxcore/data/biases';
+import biasesMobile from '@uxcore/data/biasesMobile';
+import useUXCoreGlobals from '@uxcore/hooks/useUXCoreGlobals';
+import useUCoreMobile from '@uxcore/hooks/uxcoreMobile';
+import type { TRouter } from '@uxcore/local-types/global';
+import cn from 'classnames';
+import dynamic from 'next/dynamic';
+import { useRouter } from 'next/router';
+import React, { FC, useEffect, useState } from 'react';
 
 import type { UXCoreLayoutProps } from './UXCoreLayout.types';
 
 import styles from './UXCoreLayout.module.scss';
 
-const FolderViewLayout = dynamic(() => import('@uxcore/layouts/FolderViewLayout'), {
-  ssr: false,
-});
+const FolderViewLayout = dynamic(
+  () => import('@uxcore/layouts/FolderViewLayout'),
+  {
+    ssr: false,
+  },
+);
 const CoreViewLayout = dynamic(() => import('@uxcore/layouts/CoreViewLayout'), {
   ssr: false,
 });
@@ -38,16 +36,25 @@ const UXCorePopup = dynamic(() => import('@uxcore/components/UXCorePopup'), {
   ssr: false,
 });
 
-const UXCoreSnackbar = dynamic(() => import('@uxcore/components/UXCoreSnackbar'), {
-  ssr: false,
-});
-
-const ViewSwitcher = dynamic(() => import('@uxcore/components/_biases/ViewSwitcher'), {
-  ssr: false,
-});
-const MobileView = dynamic(() => import('@uxcore/components/_biases/MobileView'), {
-  ssr: false,
-});
+const UXCoreSnackbar = dynamic(
+  () => import('@uxcore/components/UXCoreSnackbar'),
+  {
+    ssr: false,
+  },
+);
+
+const ViewSwitcher = dynamic(
+  () => import('@uxcore/components/_biases/ViewSwitcher'),
+  {
+    ssr: false,
+  },
+);
+const MobileView = dynamic(
+  () => import('@uxcore/components/_biases/MobileView'),
+  {
+    ssr: false,
+  },
+);
 
 const UXCoreLayout: FC<UXCoreLayoutProps> = ({
   strapiBiases,
diff --git a/src/uxcore/layouts/UserProfile/UserProfile.tsx b/src/uxcore/layouts/UserProfile/UserProfile.tsx
index ae7d039c..cca0f170 100644
--- a/src/uxcore/layouts/UserProfile/UserProfile.tsx
+++ b/src/uxcore/layouts/UserProfile/UserProfile.tsx
@@ -1,26 +1,7 @@
-import cn from 'classnames';
-import dynamic from 'next/dynamic';
-import Image from 'next/image';
-import { useRouter } from 'next/router';
-import React, { FC, useContext, useEffect, useRef, useState } from 'react';
-import { resetServerContext } from 'react-beautiful-dnd';
-
-import { TRouter } from '@uxcore/local-types/global';
-
-import useMobile from '@uxcore/hooks/useMobile';
-
-import { isValidEmail } from '@uxcore/lib/uxcat-helpers';
-
 import { getPersonaList } from '@uxcore/api/personas';
 import { updateBackgroundImage, updateCoverImage } from '@uxcore/api/strapi';
 import { sendRef } from '@uxcore/api/uxcat/sendRef';
 import { getUserInfo } from '@uxcore/api/uxcat/users-me';
-
-import decisionTable from '@uxcore/data/decisionTable';
-import uxcatData from '@uxcore/data/uxcat';
-import modalData from '@uxcore/data/uxcat/imageSelectModal';
-import userProfileData from '@uxcore/data/uxcat/userProfile';
-
 import LogInModal from '@uxcore/components/_uxcp/LogInModal';
 import SavedPersonas from '@uxcore/components/_uxcp/SavedPersonas';
 import AccountHeader from '@uxcore/components/AccountHeader';
@@ -32,6 +13,19 @@ import StartTestBtn from '@uxcore/components/StartTestBtn';
 import Statistics from '@uxcore/components/Statistics';
 import Toasts from '@uxcore/components/Toasts';
 import UXCatPageTitle from '@uxcore/components/UXCatPageTitle';
+import decisionTable from '@uxcore/data/decisionTable';
+import uxcatData from '@uxcore/data/uxcat';
+import modalData from '@uxcore/data/uxcat/imageSelectModal';
+import userProfileData from '@uxcore/data/uxcat/userProfile';
+import useMobile from '@uxcore/hooks/useMobile';
+import { isValidEmail } from '@uxcore/lib/uxcat-helpers';
+import { TRouter } from '@uxcore/local-types/global';
+import cn from 'classnames';
+import dynamic from 'next/dynamic';
+import Image from 'next/image';
+import { useRouter } from 'next/router';
+import React, { FC, useContext, useEffect, useRef, useState } from 'react';
+import { resetServerContext } from 'react-beautiful-dnd';
 
 import type { UserProfileProps } from './UserProfile.types';
 
diff --git a/src/uxcore/lib/helpers.ts b/src/uxcore/lib/helpers.ts
index 07452551..a79d9d3e 100644
--- a/src/uxcore/lib/helpers.ts
+++ b/src/uxcore/lib/helpers.ts
@@ -1,10 +1,7 @@
-import type { MutableRefObject } from 'react';
-
-import type { BiasType, QuestionType, StrapiBiasType } from '@uxcore/local-types/data';
-
 import { downloadLinksEn, downloadLinksRu } from '@uxcore/api/questions';
-
 import biasesCategories from '@uxcore/data/biasesCategories';
+import type { BiasType, QuestionType, StrapiBiasType } from '@uxcore/local-types/data';
+import type { MutableRefObject } from 'react';
 
 export function scrollToImage(src: string) {
   function getOffset(el: HTMLImageElement) {
diff --git a/src/uxcore/lib/uxcp-helpers.ts b/src/uxcore/lib/uxcp-helpers.ts
index 470d9027..883db36e 100644
--- a/src/uxcore/lib/uxcp-helpers.ts
+++ b/src/uxcore/lib/uxcp-helpers.ts
@@ -1,3 +1,4 @@
+import { map } from '@uxcore/lib/codeMap';
 import type {
   QuestionType,
   RelevantQuestionType,
@@ -5,8 +6,6 @@ import type {
   SuggestedQuestionType,
 } from '@uxcore/local-types/data';
 
-import { map } from '@uxcore/lib/codeMap';
-
 type QuestionCalculationResultsType = {
   relevantQuestions: RelevantQuestionType[];
   tagRelevancy: { [key: string]: number };
diff --git a/tsconfig.json b/tsconfig.json
index e48b1aea..cb5306ee 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,14 +1,8 @@
 {
   "compilerOptions": {
-    "types": [
-      "node"
-    ],
+    "types": ["node"],
     "target": "es5",
-    "lib": [
-      "dom",
-      "dom.iterable",
-      "esnext"
-    ],
+    "lib": ["dom", "dom.iterable", "esnext"],
     "allowJs": true,
     "skipLibCheck": true,
     "strict": false,
@@ -25,89 +19,33 @@
     "jsx": "preserve",
     "baseUrl": "./",
     "paths": {
-      "@components/*": [
-        "src/components/*"
-      ],
-      "@data/*": [
-        "src/data/*"
-      ],
-      "@constants/*": [
-        "src/constants/*"
-      ],
-      "@hooks/*": [
-        "src/hooks/*"
-      ],
-      "@layouts/*": [
-        "src/layouts/*"
-      ],
-      "@lib/*": [
-        "src/lib/*"
-      ],
-      "@api/*": [
-        "src/api/*"
-      ],
-      "@styles/*": [
-        "src/styles/*"
-      ],
-      "@local-types/*": [
-        "src/local-types/*"
-      ],
-      "@utils/*": [
-        "src/utils/*"
-      ],
-      "@icons/*": [
-        "src/assets/icons/*"
-      ],
-      "react": [
-        "node_modules/@types/react"
-      ],
-      "@uxcore/components/*": [
-        "src/uxcore/components/*"
-      ],
-      "@uxcore/data/*": [
-        "src/uxcore/data/*"
-      ],
-      "@uxcore/hooks/*": [
-        "src/uxcore/hooks/*"
-      ],
-      "@uxcore/layouts/*": [
-        "src/uxcore/layouts/*"
-      ],
-      "@uxcore/lib/*": [
-        "src/uxcore/lib/*"
-      ],
-      "@uxcore/api/*": [
-        "src/uxcore/api/*"
-      ],
-      "@uxcore/styles/*": [
-        "src/uxcore/styles/*"
-      ],
-      "@uxcore/local-types/*": [
-        "src/uxcore/local-types/*"
-      ],
-      "@uxcore/assets/*": [
-        "src/uxcore/assets/*"
-      ],
-      "@uxcore/constants/*": [
-        "src/uxcore/constants/*"
-      ],
-      "@uxcore/utils/*": [
-        "src/uxcore/utils/*"
-      ],
-      "@uxcore/assets/icons/*": [
-        "src/uxcore/assets/icons/*"
-      ]
+      "@components/*": ["src/components/*"],
+      "@data/*": ["src/data/*"],
+      "@constants/*": ["src/constants/*"],
+      "@hooks/*": ["src/hooks/*"],
+      "@layouts/*": ["src/layouts/*"],
+      "@lib/*": ["src/lib/*"],
+      "@api/*": ["src/api/*"],
+      "@styles/*": ["src/styles/*"],
+      "@local-types/*": ["src/local-types/*"],
+      "@utils/*": ["src/utils/*"],
+      "@icons/*": ["src/assets/icons/*"],
+      "react": ["node_modules/@types/react"],
+      "@uxcore/components/*": ["src/uxcore/components/*"],
+      "@uxcore/data/*": ["src/uxcore/data/*"],
+      "@uxcore/hooks/*": ["src/uxcore/hooks/*"],
+      "@uxcore/layouts/*": ["src/uxcore/layouts/*"],
+      "@uxcore/lib/*": ["src/uxcore/lib/*"],
+      "@uxcore/api/*": ["src/uxcore/api/*"],
+      "@uxcore/styles/*": ["src/uxcore/styles/*"],
+      "@uxcore/local-types/*": ["src/uxcore/local-types/*"],
+      "@uxcore/assets/*": ["src/uxcore/assets/*"],
+      "@uxcore/constants/*": ["src/uxcore/constants/*"],
+      "@uxcore/utils/*": ["src/uxcore/utils/*"],
+      "@uxcore/assets/icons/*": ["src/uxcore/assets/icons/*"]
     },
     "incremental": true
   },
-  "include": [
-    "next-env.d.ts",
-    "**/*.ts",
-    "**/*.tsx"
-  ],
-  "exclude": [
-    "node_modules",
-    "tests",
-    "playwright.config.ts"
-  ]
-}
\ No newline at end of file
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
+  "exclude": ["node_modules", "tests", "playwright.config.ts"]
+}