diff --git a/apps/auth/.eslintrc.js b/apps/auth/.eslintrc.js
index 895847a1eefd0fb84ac9f0bb832c75d12d74fd55..306e7aa5c6bb365d67dbae8e2de5f69a2e04d7b4 100644
--- a/apps/auth/.eslintrc.js
+++ b/apps/auth/.eslintrc.js
@@ -1,4 +1,5 @@
 module.exports = {
   root: true,
-  extends: ['@hive/eslint-config-custom']
+  extends: ['@hive/eslint-config-custom'],
+  ignorePatterns: ['.next/**', 'dist/**', 'build/**', 'node_modules/**']
 };
diff --git a/apps/auth/package.json b/apps/auth/package.json
index aa1cb309681841d70ab3953661d54b1364347834..05d94e8bde032479c45e5ca46889fcd69215c372 100644
--- a/apps/auth/package.json
+++ b/apps/auth/package.json
@@ -9,8 +9,8 @@
     "copy:worker": "cp ../../node_modules/@hiveio/hb-auth/dist/worker.js ./public/auth/",
     "copy:assets": "cp -r ../../node_modules/@hiveio/hb-auth/dist/assets ./public/auth/assets",
     "predev": "pnpm run clean",
-    "dev": "react-env -- next dev -p 5000 | pnpm dlx pino-pretty --colorize",
-    "devssl": "react-env -- next dev --port 5000 --experimental-https --experimental-https-key ../../ssl/server-key.pem --experimental-https-cert ../../ssl/server-cert.pem | pnpm dlx pino-pretty --colorize",
+    "dev": "react-env -- next dev -p 5000",
+    "devssl": "react-env -- next dev --port 5000 --experimental-https --experimental-https-key ../../ssl/server-key.pem --experimental-https-cert ../../ssl/server-cert.pem",
     "prebuild": "pnpm run clean",
     "build": "react-env -- next build",
     "postbuild": "pnpm run copy:worker && pnpm run copy:assets",
diff --git a/apps/blog/.eslintrc.js b/apps/blog/.eslintrc.js
index 895847a1eefd0fb84ac9f0bb832c75d12d74fd55..306e7aa5c6bb365d67dbae8e2de5f69a2e04d7b4 100644
--- a/apps/blog/.eslintrc.js
+++ b/apps/blog/.eslintrc.js
@@ -1,4 +1,5 @@
 module.exports = {
   root: true,
-  extends: ['@hive/eslint-config-custom']
+  extends: ['@hive/eslint-config-custom'],
+  ignorePatterns: ['.next/**', 'dist/**', 'build/**', 'node_modules/**']
 };
diff --git a/apps/blog/app/(main-and-community)/created/[tag]/content.tsx b/apps/blog/app/(main-and-community)/created/[tag]/content.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..eaed0a960641a9c9b50967f02e7a13786c8e33bb
--- /dev/null
+++ b/apps/blog/app/(main-and-community)/created/[tag]/content.tsx
@@ -0,0 +1,11 @@
+'use client';
+
+import SortedPagesPosts from '@/blog/features/tags-pages/list-of-posts';
+
+const sort = 'created';
+
+const Content = ({ tag }: { tag: string }) => {
+  return <SortedPagesPosts sort={sort} tag={tag} />;
+};
+
+export default Content;
diff --git a/apps/blog/app/(main-and-community)/created/[tag]/layout.tsx b/apps/blog/app/(main-and-community)/created/[tag]/layout.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..822947f5580c3710bafee92b14c2b1c6ba40ec80
--- /dev/null
+++ b/apps/blog/app/(main-and-community)/created/[tag]/layout.tsx
@@ -0,0 +1,7 @@
+import PrefetchComponent from '@/blog/features/layouts/community/prefetch-component';
+import { ReactNode } from 'react';
+
+const Layout = ({ children, params }: { children: ReactNode; params: { tag: string } }) => {
+  return <PrefetchComponent community={params.tag}>{children}</PrefetchComponent>;
+};
+export default Layout;
diff --git a/apps/blog/app/(main-and-community)/created/[tag]/page.tsx b/apps/blog/app/(main-and-community)/created/[tag]/page.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..c1c1e5c7a1d883bd8db3fb35afde099b7abb868c
--- /dev/null
+++ b/apps/blog/app/(main-and-community)/created/[tag]/page.tsx
@@ -0,0 +1,21 @@
+import SortPage from '@/blog/features/community-profile/sort-page';
+import Content from './content';
+
+interface PageProps {
+  params: {
+    tag: string;
+  };
+}
+
+const sort = 'created';
+
+const Page = ({ params }: PageProps) => {
+  const { tag } = params;
+
+  return (
+    <SortPage sort={sort} tag={tag}>
+      <Content tag={tag} />
+    </SortPage>
+  );
+};
+export default Page;
diff --git a/apps/blog/app/(main-and-community)/created/content.tsx b/apps/blog/app/(main-and-community)/created/content.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..760473a6c97129d80cbe3fd8733963892ee1901e
--- /dev/null
+++ b/apps/blog/app/(main-and-community)/created/content.tsx
@@ -0,0 +1,9 @@
+'use client';
+
+import SortedPagesPosts from '@/blog/features/tags-pages/list-of-posts';
+
+const sort = 'created';
+
+const Content = () => <SortedPagesPosts sort={sort} />;
+
+export default Content;
diff --git a/apps/blog/app/(main-and-community)/created/my/content.tsx b/apps/blog/app/(main-and-community)/created/my/content.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..81eed369363fb5d7729c844b9d933c27b214e766
--- /dev/null
+++ b/apps/blog/app/(main-and-community)/created/my/content.tsx
@@ -0,0 +1,10 @@
+'use client';
+
+import SortedPagesPosts from '@/blog/features/tags-pages/list-of-posts';
+
+const sort = 'created';
+const tag = 'my';
+
+const Content = () => <SortedPagesPosts sort={sort} tag={tag} />;
+
+export default Content;
diff --git a/apps/blog/app/(main-and-community)/created/my/page.tsx b/apps/blog/app/(main-and-community)/created/my/page.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..412b926bbeba906124a2972f3a6125c8265132d6
--- /dev/null
+++ b/apps/blog/app/(main-and-community)/created/my/page.tsx
@@ -0,0 +1,13 @@
+import Content from './content';
+import SortPage from '@/blog/features/tags-pages/sort-page';
+
+const sort = 'created';
+const tag = 'my';
+
+const Page = () => (
+  <SortPage sort={sort} tag={tag}>
+    <Content />
+  </SortPage>
+);
+
+export default Page;
diff --git a/apps/blog/app/(main-and-community)/created/page.tsx b/apps/blog/app/(main-and-community)/created/page.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..18161b86e4b5526b41547ffdb063df607ae497dc
--- /dev/null
+++ b/apps/blog/app/(main-and-community)/created/page.tsx
@@ -0,0 +1,12 @@
+import Content from './content';
+import SortPage from '@/blog/features/tags-pages/sort-page';
+
+const sort = 'created';
+
+const Page = () => (
+  <SortPage sort={sort}>
+    <Content />
+  </SortPage>
+);
+
+export default Page;
diff --git a/apps/blog/app/(main-and-community)/hot/[tag]/content.tsx b/apps/blog/app/(main-and-community)/hot/[tag]/content.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..e8de99df64da55fae99182a3664f5155142262f2
--- /dev/null
+++ b/apps/blog/app/(main-and-community)/hot/[tag]/content.tsx
@@ -0,0 +1,11 @@
+'use client';
+
+import SortedPagesPosts from '@/blog/features/tags-pages/list-of-posts';
+
+const sort = 'hot';
+
+const Content = ({ tag }: { tag: string }) => {
+  return <SortedPagesPosts sort={sort} tag={tag} />;
+};
+
+export default Content;
diff --git a/apps/blog/app/(main-and-community)/hot/[tag]/layout.tsx b/apps/blog/app/(main-and-community)/hot/[tag]/layout.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..822947f5580c3710bafee92b14c2b1c6ba40ec80
--- /dev/null
+++ b/apps/blog/app/(main-and-community)/hot/[tag]/layout.tsx
@@ -0,0 +1,7 @@
+import PrefetchComponent from '@/blog/features/layouts/community/prefetch-component';
+import { ReactNode } from 'react';
+
+const Layout = ({ children, params }: { children: ReactNode; params: { tag: string } }) => {
+  return <PrefetchComponent community={params.tag}>{children}</PrefetchComponent>;
+};
+export default Layout;
diff --git a/apps/blog/app/(main-and-community)/hot/[tag]/page.tsx b/apps/blog/app/(main-and-community)/hot/[tag]/page.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..85e69c60dab814b7f301fa7fef32d24d3a2ce817
--- /dev/null
+++ b/apps/blog/app/(main-and-community)/hot/[tag]/page.tsx
@@ -0,0 +1,21 @@
+import SortPage from '@/blog/features/community-profile/sort-page';
+import Content from './content';
+
+interface PageProps {
+  params: {
+    tag: string;
+  };
+}
+
+const sort = 'hot';
+
+const Page = ({ params }: PageProps) => {
+  const { tag } = params;
+
+  return (
+    <SortPage sort={sort} tag={tag}>
+      <Content tag={tag} />
+    </SortPage>
+  );
+};
+export default Page;
diff --git a/apps/blog/app/(main-and-community)/hot/content.tsx b/apps/blog/app/(main-and-community)/hot/content.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..4020135856590563a7fd44484ab0c82f9b2a839f
--- /dev/null
+++ b/apps/blog/app/(main-and-community)/hot/content.tsx
@@ -0,0 +1,9 @@
+'use client';
+
+import SortedPagesPosts from '@/blog/features/tags-pages/list-of-posts';
+
+const sort = 'hot';
+
+const Content = () => <SortedPagesPosts sort={sort} />;
+
+export default Content;
diff --git a/apps/blog/app/(main-and-community)/hot/my/content.tsx b/apps/blog/app/(main-and-community)/hot/my/content.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..b0bca12e48ead20e3b8dbc224368331b6a0b5680
--- /dev/null
+++ b/apps/blog/app/(main-and-community)/hot/my/content.tsx
@@ -0,0 +1,10 @@
+'use client';
+
+import SortedPagesPosts from '@/blog/features/tags-pages/list-of-posts';
+
+const sort = 'hot';
+const tag = 'my';
+
+const Content = () => <SortedPagesPosts sort={sort} tag={tag} />;
+
+export default Content;
diff --git a/apps/blog/app/(main-and-community)/hot/my/page.tsx b/apps/blog/app/(main-and-community)/hot/my/page.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..60fae65485397756843074fc677a095f01dcda32
--- /dev/null
+++ b/apps/blog/app/(main-and-community)/hot/my/page.tsx
@@ -0,0 +1,13 @@
+import Content from './content';
+import SortPage from '@/blog/features/tags-pages/sort-page';
+
+const sort = 'hot';
+const tag = 'my';
+
+const Page = () => (
+  <SortPage sort={sort} tag={tag}>
+    <Content />
+  </SortPage>
+);
+
+export default Page;
diff --git a/apps/blog/app/(main-and-community)/hot/page.tsx b/apps/blog/app/(main-and-community)/hot/page.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..e4d320a307b1a5dc21dc699a820fbe9bac8def38
--- /dev/null
+++ b/apps/blog/app/(main-and-community)/hot/page.tsx
@@ -0,0 +1,12 @@
+import Content from './content';
+import SortPage from '@/blog/features/tags-pages/sort-page';
+
+const sort = 'hot';
+
+const Page = () => (
+  <SortPage sort={sort}>
+    <Content />
+  </SortPage>
+);
+
+export default Page;
diff --git a/apps/blog/app/(main-and-community)/layout.tsx b/apps/blog/app/(main-and-community)/layout.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..33ab2a0578ad4fed0ea808b494e09693f267881e
--- /dev/null
+++ b/apps/blog/app/(main-and-community)/layout.tsx
@@ -0,0 +1,12 @@
+import ClientSideLayout from '@/blog/features/layouts/sorts/client-side-layout';
+import ServerSideLayout from '@/blog/features/layouts/sorts/server-side-layout';
+import { ReactNode } from 'react';
+
+const Layout = ({ children }: { children: ReactNode }) => {
+  return (
+    <ServerSideLayout>
+      <ClientSideLayout>{children}</ClientSideLayout>
+    </ServerSideLayout>
+  );
+};
+export default Layout;
diff --git a/apps/blog/app/(main-and-community)/muted/[tag]/content.tsx b/apps/blog/app/(main-and-community)/muted/[tag]/content.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..90c645170903fcb12a960fee2c386906f98fb3e9
--- /dev/null
+++ b/apps/blog/app/(main-and-community)/muted/[tag]/content.tsx
@@ -0,0 +1,11 @@
+'use client';
+
+import SortedPagesPosts from '@/blog/features/tags-pages/list-of-posts';
+
+const sort = 'muted';
+
+const Content = ({ tag }: { tag: string }) => {
+  return <SortedPagesPosts sort={sort} tag={tag} />;
+};
+
+export default Content;
diff --git a/apps/blog/app/(main-and-community)/muted/[tag]/layout.tsx b/apps/blog/app/(main-and-community)/muted/[tag]/layout.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..822947f5580c3710bafee92b14c2b1c6ba40ec80
--- /dev/null
+++ b/apps/blog/app/(main-and-community)/muted/[tag]/layout.tsx
@@ -0,0 +1,7 @@
+import PrefetchComponent from '@/blog/features/layouts/community/prefetch-component';
+import { ReactNode } from 'react';
+
+const Layout = ({ children, params }: { children: ReactNode; params: { tag: string } }) => {
+  return <PrefetchComponent community={params.tag}>{children}</PrefetchComponent>;
+};
+export default Layout;
diff --git a/apps/blog/app/(main-and-community)/muted/[tag]/page.tsx b/apps/blog/app/(main-and-community)/muted/[tag]/page.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..b37db8d98d614a55e7a7500cd04081d1b3f7491d
--- /dev/null
+++ b/apps/blog/app/(main-and-community)/muted/[tag]/page.tsx
@@ -0,0 +1,20 @@
+import SortPage from '@/blog/features/community-profile/sort-page';
+import Content from './content';
+
+interface PageProps {
+  params: {
+    tag: string;
+  };
+}
+const sort = 'muted';
+
+const Page = ({ params }: PageProps) => {
+  const { tag } = params;
+
+  return (
+    <SortPage sort={sort} tag={tag}>
+      <Content tag={tag} />
+    </SortPage>
+  );
+};
+export default Page;
diff --git a/apps/blog/app/(main-and-community)/muted/content.tsx b/apps/blog/app/(main-and-community)/muted/content.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..c333489ee70fad9d1e04b8504d9d7e4f173e4ecd
--- /dev/null
+++ b/apps/blog/app/(main-and-community)/muted/content.tsx
@@ -0,0 +1,9 @@
+'use client';
+
+import SortedPagesPosts from '@/blog/features/tags-pages/list-of-posts';
+
+const sort = 'muted';
+
+const Content = () => <SortedPagesPosts sort={sort} />;
+
+export default Content;
diff --git a/apps/blog/app/(main-and-community)/muted/my/content.tsx b/apps/blog/app/(main-and-community)/muted/my/content.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..84f3e07821baaa2483b15982e49505a4e6b0503b
--- /dev/null
+++ b/apps/blog/app/(main-and-community)/muted/my/content.tsx
@@ -0,0 +1,10 @@
+'use client';
+
+import SortedPagesPosts from '@/blog/features/tags-pages/list-of-posts';
+
+const sort = 'muted';
+const tag = 'my';
+
+const Content = () => <SortedPagesPosts sort={sort} tag={tag} />;
+
+export default Content;
diff --git a/apps/blog/app/(main-and-community)/muted/my/page.tsx b/apps/blog/app/(main-and-community)/muted/my/page.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..eee520fb781d3d2de552fb72db00fe15021117a3
--- /dev/null
+++ b/apps/blog/app/(main-and-community)/muted/my/page.tsx
@@ -0,0 +1,13 @@
+import Content from './content';
+import SortPage from '@/blog/features/tags-pages/sort-page';
+
+const sort = 'muted';
+const tag = 'my';
+
+const Page = () => (
+  <SortPage sort={sort} tag={tag}>
+    <Content />
+  </SortPage>
+);
+
+export default Page;
diff --git a/apps/blog/app/(main-and-community)/muted/page.tsx b/apps/blog/app/(main-and-community)/muted/page.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..bf60f93991e46c2c3da47a96b7f69a61a2e54bf3
--- /dev/null
+++ b/apps/blog/app/(main-and-community)/muted/page.tsx
@@ -0,0 +1,12 @@
+import Content from './content';
+import SortPage from '@/blog/features/tags-pages/sort-page';
+
+const sort = 'muted';
+
+const Page = () => (
+  <SortPage sort={sort}>
+    <Content />
+  </SortPage>
+);
+
+export default Page;
diff --git a/apps/blog/app/(main-and-community)/payout/[tag]/content.tsx b/apps/blog/app/(main-and-community)/payout/[tag]/content.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..5c87987ff6e66137ea59f292db83c2f974a53685
--- /dev/null
+++ b/apps/blog/app/(main-and-community)/payout/[tag]/content.tsx
@@ -0,0 +1,11 @@
+'use client';
+
+import SortedPagesPosts from '@/blog/features/tags-pages/list-of-posts';
+
+const sort = 'payout';
+
+const Content = ({ tag }: { tag: string }) => {
+  return <SortedPagesPosts sort={sort} tag={tag} />;
+};
+
+export default Content;
diff --git a/apps/blog/app/(main-and-community)/payout/[tag]/layout.tsx b/apps/blog/app/(main-and-community)/payout/[tag]/layout.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..822947f5580c3710bafee92b14c2b1c6ba40ec80
--- /dev/null
+++ b/apps/blog/app/(main-and-community)/payout/[tag]/layout.tsx
@@ -0,0 +1,7 @@
+import PrefetchComponent from '@/blog/features/layouts/community/prefetch-component';
+import { ReactNode } from 'react';
+
+const Layout = ({ children, params }: { children: ReactNode; params: { tag: string } }) => {
+  return <PrefetchComponent community={params.tag}>{children}</PrefetchComponent>;
+};
+export default Layout;
diff --git a/apps/blog/app/(main-and-community)/payout/[tag]/page.tsx b/apps/blog/app/(main-and-community)/payout/[tag]/page.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..d3c431ea39ff5387d57b679f7285afcf53804f64
--- /dev/null
+++ b/apps/blog/app/(main-and-community)/payout/[tag]/page.tsx
@@ -0,0 +1,21 @@
+import SortPage from '@/blog/features/community-profile/sort-page';
+import Content from './content';
+
+interface PageProps {
+  params: {
+    tag: string;
+  };
+}
+
+const sort = 'payout';
+
+const Page = ({ params }: PageProps) => {
+  const { tag } = params;
+
+  return (
+    <SortPage sort={sort} tag={tag}>
+      <Content tag={tag} />
+    </SortPage>
+  );
+};
+export default Page;
diff --git a/apps/blog/app/(main-and-community)/payout/content.tsx b/apps/blog/app/(main-and-community)/payout/content.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..fb50cfb11f272f71a992f8a04f51fe449d8e2dbc
--- /dev/null
+++ b/apps/blog/app/(main-and-community)/payout/content.tsx
@@ -0,0 +1,9 @@
+'use client';
+
+import SortedPagesPosts from '@/blog/features/tags-pages/list-of-posts';
+
+const sort = 'payout';
+
+const Content = () => <SortedPagesPosts sort={sort} />;
+
+export default Content;
diff --git a/apps/blog/app/(main-and-community)/payout/my/content.tsx b/apps/blog/app/(main-and-community)/payout/my/content.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..d0e3d4e9d0a49d3041ee87f3f600d78e8911169f
--- /dev/null
+++ b/apps/blog/app/(main-and-community)/payout/my/content.tsx
@@ -0,0 +1,10 @@
+'use client';
+
+import SortedPagesPosts from '@/blog/features/tags-pages/list-of-posts';
+
+const sort = 'payout';
+const tag = 'my';
+
+const Content = () => <SortedPagesPosts sort={sort} tag={tag} />;
+
+export default Content;
diff --git a/apps/blog/app/(main-and-community)/payout/my/page.tsx b/apps/blog/app/(main-and-community)/payout/my/page.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..abd3488850a7dd3b85d0984d2b5d94aca984fe57
--- /dev/null
+++ b/apps/blog/app/(main-and-community)/payout/my/page.tsx
@@ -0,0 +1,13 @@
+import Content from './content';
+import SortPage from '@/blog/features/tags-pages/sort-page';
+
+const sort = 'payout';
+const tag = 'my';
+
+const Page = () => (
+  <SortPage sort={sort} tag={tag}>
+    <Content />
+  </SortPage>
+);
+
+export default Page;
diff --git a/apps/blog/app/(main-and-community)/payout/page.tsx b/apps/blog/app/(main-and-community)/payout/page.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..bad0c97a5a5bec4be82566109851fb05c78b486b
--- /dev/null
+++ b/apps/blog/app/(main-and-community)/payout/page.tsx
@@ -0,0 +1,12 @@
+import Content from './content';
+import SortPage from '@/blog/features/tags-pages/sort-page';
+
+const sort = 'payout';
+
+const Page = () => (
+  <SortPage sort={sort}>
+    <Content />
+  </SortPage>
+);
+
+export default Page;
diff --git a/apps/blog/app/(main-and-community)/roles/[tag]/content.tsx b/apps/blog/app/(main-and-community)/roles/[tag]/content.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..30b82af4fe89d0bb743c139040277a184d8de472
--- /dev/null
+++ b/apps/blog/app/(main-and-community)/roles/[tag]/content.tsx
@@ -0,0 +1,79 @@
+'use client';
+
+import { useQuery } from '@tanstack/react-query';
+import Loading from '@ui/components/loading';
+import AddRole from '@/blog/features/community-profile/add-role';
+import { Table, TableBody, TableHead, TableHeader, TableRow } from '@ui/components/table';
+import { useUser } from '@smart-signer/lib/auth/use-user';
+import { getRoleValue, Roles, rolesLevels } from '@/blog/features/community-profile/lib/utils';
+import TableItem from '@/blog/features/community-profile/table-item';
+import NoDataError from '@/blog/components/no-data-error';
+import { getListCommunityRoles } from '@transaction/lib/bridge-api';
+import { useTranslation } from '@/blog/i18n/client';
+
+const Content = ({ community }: { community: string }) => {
+  const { user } = useUser();
+  const { t } = useTranslation('common_blog');
+
+  const { data, isLoading, isError } = useQuery({
+    queryKey: ['rolesList', community],
+    queryFn: () => getListCommunityRoles(community),
+    enabled: Boolean(community),
+    select: (list) =>
+      list
+        ? list.map((e) => ({
+            name: e[0],
+            value: getRoleValue(e[1] as Roles),
+            role: e[1] as Roles,
+            title: e[2],
+            temprary: !!e[3]
+          }))
+        : []
+  });
+
+  const loggedUser = data?.find((e) => e.name === user.username) ?? {
+    value: 1,
+    role: 'guest',
+    name: user.username,
+    title: ''
+  };
+
+  if (isLoading) return <Loading loading={isLoading} />;
+  if (isError) return <NoDataError />;
+
+  return (
+    <div className="my-4 flex w-full items-center justify-between" translate="no">
+      <div className="m-2 w-full bg-background px-8 py-6">
+        <h2 className="mb-1 text-2xl">{t('communities.user_roles')}</h2>
+        <Table className="w-full border-[1px] border-solid border-secondary">
+          <TableHeader className="text-">
+            <TableRow className="bg-secondary">
+              <TableHead className="px-2">{t('communities.account')}</TableHead>
+              <TableHead className="w-48 px-2">{t('communities.role')}</TableHead>
+              <TableHead className="px-2">{t('communities.title')}</TableHead>
+            </TableRow>
+          </TableHeader>
+          <TableBody>
+            {data.map((e) => (
+              <TableItem loggedUserValue={loggedUser.value} item={e} community={community} key={e.name} />
+            ))}
+          </TableBody>
+        </Table>
+        {loggedUser.value >= 3 && <AddRole loggedUserLevel={loggedUser.value} community={community} />}
+        <div className="mt-12">
+          <h1>{t('communities.role_permissions')}</h1>
+          <div className="text-sm">
+            {rolesLevels.map((role) => (
+              <div key={role.name}>
+                <span className="font-bold"> {t(`communities.${role.name}`)}</span>
+                <span>- {t(`communities.description_${role.name}`)}</span>
+              </div>
+            ))}
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default Content;
diff --git a/apps/blog/app/(main-and-community)/roles/[tag]/layout.tsx b/apps/blog/app/(main-and-community)/roles/[tag]/layout.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..822947f5580c3710bafee92b14c2b1c6ba40ec80
--- /dev/null
+++ b/apps/blog/app/(main-and-community)/roles/[tag]/layout.tsx
@@ -0,0 +1,7 @@
+import PrefetchComponent from '@/blog/features/layouts/community/prefetch-component';
+import { ReactNode } from 'react';
+
+const Layout = ({ children, params }: { children: ReactNode; params: { tag: string } }) => {
+  return <PrefetchComponent community={params.tag}>{children}</PrefetchComponent>;
+};
+export default Layout;
diff --git a/apps/blog/app/(main-and-community)/roles/[tag]/page.tsx b/apps/blog/app/(main-and-community)/roles/[tag]/page.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..5752f91464cac9308af40837436a027d91c44d7b
--- /dev/null
+++ b/apps/blog/app/(main-and-community)/roles/[tag]/page.tsx
@@ -0,0 +1,15 @@
+import { getQueryClient } from '@/blog/lib/react-query';
+import Content from './content';
+import { getListCommunityRoles } from '@transaction/lib/bridge-api';
+
+const Page = async ({ params }: { params: { tag: string } }) => {
+  const queryClient = getQueryClient();
+  await queryClient.prefetchQuery({
+    queryKey: ['community', params.tag],
+    queryFn: () => getListCommunityRoles(params.tag)
+  });
+
+  return <Content community={params.tag} />;
+};
+
+export default Page;
diff --git a/apps/blog/app/(main-and-community)/trending/[tag]/content.tsx b/apps/blog/app/(main-and-community)/trending/[tag]/content.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..129364afb7f621864b0037fa8afc1ecd9464792b
--- /dev/null
+++ b/apps/blog/app/(main-and-community)/trending/[tag]/content.tsx
@@ -0,0 +1,11 @@
+'use client';
+
+import SortedPagesPosts from '@/blog/features/tags-pages/list-of-posts';
+
+const sort = 'trending';
+
+const Content = ({ tag }: { tag: string }) => {
+  return <SortedPagesPosts sort={sort} tag={tag} />;
+};
+
+export default Content;
diff --git a/apps/blog/app/(main-and-community)/trending/[tag]/layout.tsx b/apps/blog/app/(main-and-community)/trending/[tag]/layout.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..822947f5580c3710bafee92b14c2b1c6ba40ec80
--- /dev/null
+++ b/apps/blog/app/(main-and-community)/trending/[tag]/layout.tsx
@@ -0,0 +1,7 @@
+import PrefetchComponent from '@/blog/features/layouts/community/prefetch-component';
+import { ReactNode } from 'react';
+
+const Layout = ({ children, params }: { children: ReactNode; params: { tag: string } }) => {
+  return <PrefetchComponent community={params.tag}>{children}</PrefetchComponent>;
+};
+export default Layout;
diff --git a/apps/blog/app/(main-and-community)/trending/[tag]/page.tsx b/apps/blog/app/(main-and-community)/trending/[tag]/page.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..3039b62fe3556596fb8b6eded7d2ff4cef77e9a9
--- /dev/null
+++ b/apps/blog/app/(main-and-community)/trending/[tag]/page.tsx
@@ -0,0 +1,21 @@
+import SortPage from '@/blog/features/community-profile/sort-page';
+import Content from './content';
+
+interface PageProps {
+  params: {
+    tag: string;
+  };
+}
+
+const sort = 'trending';
+
+const Page = ({ params }: PageProps) => {
+  const { tag } = params;
+
+  return (
+    <SortPage sort={sort} tag={tag}>
+      <Content tag={tag} />
+    </SortPage>
+  );
+};
+export default Page;
diff --git a/apps/blog/app/(main-and-community)/trending/content.tsx b/apps/blog/app/(main-and-community)/trending/content.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..92c5dd1e38979c9af65d8805af2c508d30dd1d91
--- /dev/null
+++ b/apps/blog/app/(main-and-community)/trending/content.tsx
@@ -0,0 +1,9 @@
+'use client';
+
+import SortedPagesPosts from '@/blog/features/tags-pages/list-of-posts';
+
+const sort = 'trending';
+
+const Content = () => <SortedPagesPosts sort={sort} />;
+
+export default Content;
diff --git a/apps/blog/app/(main-and-community)/trending/my/content.tsx b/apps/blog/app/(main-and-community)/trending/my/content.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..f2798668f36ee3dede180599c51f8ee25ef4404f
--- /dev/null
+++ b/apps/blog/app/(main-and-community)/trending/my/content.tsx
@@ -0,0 +1,10 @@
+'use client';
+
+import SortedPagesPosts from '@/blog/features/tags-pages/list-of-posts';
+
+const sort = 'trending';
+const tag = 'my';
+
+const Content = () => <SortedPagesPosts sort={sort} tag={tag} />;
+
+export default Content;
diff --git a/apps/blog/app/(main-and-community)/trending/my/page.tsx b/apps/blog/app/(main-and-community)/trending/my/page.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..4d1f54321cebec176f5540f2042f60566b12d4d2
--- /dev/null
+++ b/apps/blog/app/(main-and-community)/trending/my/page.tsx
@@ -0,0 +1,13 @@
+import Content from './content';
+import SortPage from '@/blog/features/tags-pages/sort-page';
+
+const sort = 'trending';
+const tag = 'my';
+
+const Page = () => (
+  <SortPage sort={sort} tag={tag}>
+    <Content />
+  </SortPage>
+);
+
+export default Page;
diff --git a/apps/blog/app/(main-and-community)/trending/page.tsx b/apps/blog/app/(main-and-community)/trending/page.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..2919bf8b0592d1f8ebcbe4df4bbed9f50eaa4609
--- /dev/null
+++ b/apps/blog/app/(main-and-community)/trending/page.tsx
@@ -0,0 +1,12 @@
+import Content from './content';
+import SortPage from '@/blog/features/tags-pages/sort-page';
+
+const sort = 'trending';
+
+const Page = () => (
+  <SortPage sort={sort}>
+    <Content />
+  </SortPage>
+);
+
+export default Page;
diff --git a/apps/blog/app/[param]/(user-profile)/(posts-tabs)/comments/content.tsx b/apps/blog/app/[param]/(user-profile)/(posts-tabs)/comments/content.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..73c43a021356cc5886f76ea9290bab58909b9916
--- /dev/null
+++ b/apps/blog/app/[param]/(user-profile)/(posts-tabs)/comments/content.tsx
@@ -0,0 +1,9 @@
+'use client';
+
+import PostsContent from '@/blog/features/account-profile/posts-content';
+
+const query = 'comments';
+
+const Content = () => <PostsContent query={query} />;
+
+export default Content;
diff --git a/apps/blog/app/[param]/(user-profile)/(posts-tabs)/comments/page.tsx b/apps/blog/app/[param]/(user-profile)/(posts-tabs)/comments/page.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..de66e0014da9435a0f1b0a2647b5da15b68b01c1
--- /dev/null
+++ b/apps/blog/app/[param]/(user-profile)/(posts-tabs)/comments/page.tsx
@@ -0,0 +1,13 @@
+import PostsPage from '@/blog/features/account-profile/posts-page';
+import Content from './content';
+
+const query = 'comments';
+
+const Page = ({ params }: { params: { param: string } }) => {
+  return (
+    <PostsPage param={params.param} query={query}>
+      <Content />
+    </PostsPage>
+  );
+};
+export default Page;
diff --git a/apps/blog/app/[param]/(user-profile)/(posts-tabs)/layout.tsx b/apps/blog/app/[param]/(user-profile)/(posts-tabs)/layout.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..051d353279a9963b239c834b9e01866f582c643a
--- /dev/null
+++ b/apps/blog/app/[param]/(user-profile)/(posts-tabs)/layout.tsx
@@ -0,0 +1,7 @@
+import AccountPostsTabs from '@/blog/features/layouts/account-posts/tabs';
+import { ReactNode } from 'react';
+
+const Layout = async ({ children, params }: { children: ReactNode; params: { param: string } }) => {
+  return <AccountPostsTabs username={params.param.replace('%40', '')}>{children}</AccountPostsTabs>;
+};
+export default Layout;
diff --git a/apps/blog/app/[param]/(user-profile)/(posts-tabs)/payout/content.tsx b/apps/blog/app/[param]/(user-profile)/(posts-tabs)/payout/content.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..85941f5b0fe4c0d0fba32eb8060ac1613fa61268
--- /dev/null
+++ b/apps/blog/app/[param]/(user-profile)/(posts-tabs)/payout/content.tsx
@@ -0,0 +1,9 @@
+'use client';
+
+import PostsContent from '@/blog/features/account-profile/posts-content';
+
+const query = 'payout';
+
+const Content = () => <PostsContent query={query} />;
+
+export default Content;
diff --git a/apps/blog/app/[param]/(user-profile)/(posts-tabs)/payout/page.tsx b/apps/blog/app/[param]/(user-profile)/(posts-tabs)/payout/page.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..5116f7e590640f52436d338e3e2a37ea0ec69bef
--- /dev/null
+++ b/apps/blog/app/[param]/(user-profile)/(posts-tabs)/payout/page.tsx
@@ -0,0 +1,13 @@
+import PostsPage from '@/blog/features/account-profile/posts-page';
+import Content from './content';
+
+const query = 'payout';
+
+const Page = ({ params }: { params: { param: string } }) => {
+  return (
+    <PostsPage param={params.param} query={query}>
+      <Content />
+    </PostsPage>
+  );
+};
+export default Page;
diff --git a/apps/blog/app/[param]/(user-profile)/(posts-tabs)/posts/content.tsx b/apps/blog/app/[param]/(user-profile)/(posts-tabs)/posts/content.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..33898c08f4078b2024948cbe59c629038b3c3fe4
--- /dev/null
+++ b/apps/blog/app/[param]/(user-profile)/(posts-tabs)/posts/content.tsx
@@ -0,0 +1,9 @@
+'use client';
+
+import PostsContent from '@/blog/features/account-profile/posts-content';
+
+const query = 'posts';
+
+const Content = () => <PostsContent query={query} />;
+
+export default Content;
diff --git a/apps/blog/app/[param]/(user-profile)/(posts-tabs)/posts/page.tsx b/apps/blog/app/[param]/(user-profile)/(posts-tabs)/posts/page.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..b56618c8c0dda66f3b8a4226d1dcbbd6c68d7885
--- /dev/null
+++ b/apps/blog/app/[param]/(user-profile)/(posts-tabs)/posts/page.tsx
@@ -0,0 +1,13 @@
+import PostsPage from '@/blog/features/account-profile/posts-page';
+import Content from './content';
+
+const query = 'posts';
+
+const Page = ({ params }: { params: { param: string } }) => {
+  return (
+    <PostsPage param={params.param} query={query}>
+      <Content />
+    </PostsPage>
+  );
+};
+export default Page;
diff --git a/apps/blog/app/[param]/(user-profile)/communities/content.tsx b/apps/blog/app/[param]/(user-profile)/communities/content.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..271bb5b7f62d0b4d2a67f7b45fa75295d00d571f
--- /dev/null
+++ b/apps/blog/app/[param]/(user-profile)/communities/content.tsx
@@ -0,0 +1,73 @@
+'use client';
+
+import SocialActivities from '@/blog/features/account-social/social-activities';
+import SubscriptionList from '@/blog/features/account-social/subscription-list';
+import { useTranslation } from '@/blog/i18n/client';
+import { useQuery } from '@tanstack/react-query';
+import { getSubscriptions } from '@transaction/lib/bridge-api';
+import { getHivebuzzBadges, getPeakdBadges } from '@transaction/lib/custom-api';
+import { getUserAvatarUrl } from '@ui/lib/avatar-utils';
+import Link from 'next/link';
+
+const CommunityContent = ({ username }: { username: string }) => {
+  const { t } = useTranslation('common_blog');
+  const { data } = useQuery({
+    queryKey: ['listAllSubscription', username],
+    queryFn: () => getSubscriptions(username)
+  });
+
+  const { data: hivebuzz } = useQuery({
+    queryKey: ['hivebuzz', username],
+    queryFn: () => getHivebuzzBadges(username)
+  });
+
+  const { data: peakd } = useQuery({
+    queryKey: ['peakd', username],
+    queryFn: () => getPeakdBadges(username),
+    select: (data) =>
+      data.map((e: { id: string; name: string; title: string }) => ({
+        id: e.title,
+        url: getUserAvatarUrl(e.name, 'medium'),
+        title: e.title
+      }))
+  });
+
+  return (
+    <div className="flex flex-col py-8">
+      <h2 className="text-xl font-semibold" data-testid="community-subscriptions-label">
+        {t('user_profile.social_tab.community_subscriptions_title')}
+      </h2>
+      <p data-testid="community-subscriptions-description">
+        {t('user_profile.social_tab.the_author_has_subscribed_to_the_following')}
+      </p>
+      {data && data.length > 0 ? (
+        <SubscriptionList data={data} />
+      ) : (
+        <div
+          key="empty"
+          className="border-card-empty-border my-12 border-2 border-solid bg-card-noContent  px-4 py-6 text-sm"
+          data-testid="user-does-not-have-any-subscriptions-yet"
+        >
+          {t('user_profile.social_tab.you_dont_have_any_subscriptions')}
+        </div>
+      )}
+      <h2 className="text-xl font-semibold" data-testid="badges-achievements-label">
+        {t('user_profile.social_tab.badges_and_achievements_title')}
+      </h2>
+      <p data-testid="badges-achievements-description">
+        {t('user_profile.social_tab.these_are_badges_received_by_the_author')}
+        <Link href="https://peakd.com/" className="text-destructive hover:underline" target="_blank">
+          Peakd
+        </Link>
+        {` & `}
+        <Link href="https://hivebuzz.me/" className="text-destructive hover:underline" target="_blank">
+          Hivebuzz
+        </Link>
+        .
+      </p>
+
+      <SocialActivities data={hivebuzz ?? []} peakd={peakd ?? []} username={username} />
+    </div>
+  );
+};
+export default CommunityContent;
diff --git a/apps/blog/app/[param]/(user-profile)/communities/page.tsx b/apps/blog/app/[param]/(user-profile)/communities/page.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..3030ed70ec744c45ce6763c520a9fdd418adc123
--- /dev/null
+++ b/apps/blog/app/[param]/(user-profile)/communities/page.tsx
@@ -0,0 +1,32 @@
+import { dehydrate, Hydrate } from '@tanstack/react-query';
+import CommunityContent from './content';
+import { getQueryClient } from '@/blog/lib/react-query';
+import { getHivebuzzBadges, getPeakdBadges } from '@transaction/lib/custom-api';
+import { getSubscriptions } from '@transaction/lib/bridge-api';
+
+const CommunitiesPage = async ({ params }: { params: { param: string } }) => {
+  const queryClient = getQueryClient();
+  const username = params.param.replace('%40', '');
+
+  await queryClient.prefetchQuery({
+    queryKey: ['listAllSubscription', username],
+    queryFn: () => getSubscriptions(username)
+  });
+
+  await queryClient.prefetchQuery({
+    queryKey: ['hivebuzz', username],
+    queryFn: () => getHivebuzzBadges(username)
+  });
+
+  await queryClient.prefetchQuery({
+    queryKey: ['peakd', username],
+    queryFn: () => getPeakdBadges(username)
+  });
+  return (
+    <Hydrate state={dehydrate(queryClient)}>
+      <CommunityContent username={username} />
+    </Hydrate>
+  );
+};
+
+export default CommunitiesPage;
diff --git a/apps/blog/app/[param]/(user-profile)/content.tsx b/apps/blog/app/[param]/(user-profile)/content.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..126b6c48f359c4481e7cc8c4c9ccfd1b2ea442d0
--- /dev/null
+++ b/apps/blog/app/[param]/(user-profile)/content.tsx
@@ -0,0 +1,9 @@
+'use client';
+
+import PostsContent from '@/blog/features/account-profile/posts-content';
+
+const query = 'blog';
+
+const Content = () => <PostsContent query={query} />;
+
+export default Content;
diff --git a/apps/blog/app/[param]/(user-profile)/followed/content.tsx b/apps/blog/app/[param]/(user-profile)/followed/content.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..ca05efd0664700a7bfa617ba32610723e36f9fd9
--- /dev/null
+++ b/apps/blog/app/[param]/(user-profile)/followed/content.tsx
@@ -0,0 +1,99 @@
+'use client';
+
+import BasePathLink from '@/blog/components/base-path-link';
+import PrevNextButtons from '@/blog/features/account-lists/prev-next-buttons';
+import { useFollowingInfiniteQuery } from '@/blog/features/account-lists/hooks/use-following-infinitequery';
+import { useTranslation } from '@/blog/i18n/client';
+import { useUser } from '@smart-signer/lib/auth/use-user';
+import { useQuery } from '@tanstack/react-query';
+import { getAccountFull } from '@transaction/lib/hive-api';
+import { useState } from 'react';
+import ButtonsContainer from '@/blog/features/mute-follow/buttons-container';
+
+const LIMIT = 50;
+
+const FollowedContent = ({ username }: { username: string }) => {
+  const { t } = useTranslation('common_blog');
+
+  const { data: profileData } = useQuery({
+    queryKey: ['profileData', username],
+    queryFn: () => getAccountFull(username)
+  });
+  const [page, setPage] = useState(0);
+
+  const { user } = useUser();
+  const followingData = useFollowingInfiniteQuery(username, LIMIT);
+  const following = useFollowingInfiniteQuery(user?.username || '', 1000, 'blog', ['blog']);
+  const mute = useFollowingInfiniteQuery(user.username, 1000, 'ignore', ['ignore']);
+
+  const handleNextPage = () => {
+    if (!followingData.data) return;
+
+    if (page + 1 < followingData.data.pages.length) {
+      return setPage((prev) => prev + 1);
+    }
+    followingData.fetchNextPage().then(() => setPage((prev) => prev + 1));
+  };
+  const handlePrevPage = () => {
+    if (page <= 0) return;
+    setPage((prev) => prev - 1);
+  };
+
+  return (
+    <div className="flex flex-col gap-2 p-2">
+      <h1 className="self-center p-2">
+        {t('user_profile.lists.followed_pages', {
+          current: page + 1,
+          total: profileData?.follow_stats?.following_count
+            ? Math.ceil(profileData?.follow_stats?.following_count / LIMIT)
+            : '?'
+        })}
+      </h1>
+      <PrevNextButtons
+        onNextPage={handleNextPage}
+        onPrevPage={handlePrevPage}
+        hasNextPage={!!followingData.hasNextPage}
+        hasPrevPage={page > 0}
+        isLoading={followingData.isFetchingNextPage}
+      />
+      <ul>
+        {followingData.data?.pages[page].map((e) => (
+          <li
+            key={e.following}
+            className="flex items-center justify-between bg-background-tertiary px-3 font-semibold text-destructive odd:bg-background"
+          >
+            <BasePathLink href={`/@${e.following}`}>{e.following}</BasePathLink>
+            {!user.isLoggedIn || user.username === e.following ? null : (
+              <div className="flex gap-2">
+                <ButtonsContainer
+                  username={e.following}
+                  user={user}
+                  variant="basic"
+                  follow={following}
+                  mute={mute}
+                />
+              </div>
+            )}
+          </li>
+        ))}
+      </ul>
+      <PrevNextButtons
+        onNextPage={handleNextPage}
+        onPrevPage={handlePrevPage}
+        hasNextPage={!!followingData.hasNextPage}
+        hasPrevPage={page > 0}
+        isLoading={followingData.isFetchingNextPage}
+      />
+      <h1 className="self-center p-2">
+        {t('user_profile.lists.followed_pages', {
+          current: page + 1,
+          total: profileData?.follow_stats?.following_count
+            ? Math.ceil(profileData?.follow_stats?.following_count / LIMIT)
+            : '?'
+        })}
+      </h1>
+    </div>
+  );
+};
+
+export default FollowedContent;
diff --git a/apps/blog/app/[param]/(user-profile)/followed/page.tsx b/apps/blog/app/[param]/(user-profile)/followed/page.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..abeeacbaa1b2daa41495d347d147e3c857e5fcbb
--- /dev/null
+++ b/apps/blog/app/[param]/(user-profile)/followed/page.tsx
@@ -0,0 +1,29 @@
+import { getQueryClient } from '@/blog/lib/react-query';
+import { dehydrate, Hydrate } from '@tanstack/react-query';
+import FollowedContent from './content';
+import { getAccountFull, getFollowing } from '@transaction/lib/hive-api';
+
+const FollowedUsersPage = async ({ params }: { params: { param: string } }) => {
+  const queryClient = getQueryClient();
+  const username = params.param.replace('%40', '');
+
+  await queryClient.prefetchQuery({
+    queryKey: ['profileData', username],
+    queryFn: () => getAccountFull(username)
+  });
+  await queryClient.prefetchInfiniteQuery({
+    queryKey: ['followingData', username],
+    queryFn: ({ pageParam: last_id }) => getFollowing({ account: username, start: last_id, limit: 50 }),
+    getNextPageParam: (lastPage) => {
+      return lastPage.length >= 50 ? lastPage[lastPage.length - 1].following : undefined;
+    }
+  });
+
+  return (
+    <Hydrate state={dehydrate(queryClient)}>
+      <FollowedContent username={username} />
+    </Hydrate>
+  );
+};
+
+export default FollowedUsersPage;
diff --git a/apps/blog/app/[param]/(user-profile)/followers/content.tsx b/apps/blog/app/[param]/(user-profile)/followers/content.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..b4c411ebde6ecd7a8b59ba40ab86e296b8db8fb3
--- /dev/null
+++ b/apps/blog/app/[param]/(user-profile)/followers/content.tsx
@@ -0,0 +1,99 @@
+'use client';
+
+import BasePathLink from '@/blog/components/base-path-link';
+import { useFollowersInfiniteQuery } from '@/blog/features/account-lists/hooks/use-followers-infinitequery';
+import { useFollowingInfiniteQuery } from '@/blog/features/account-lists/hooks/use-following-infinitequery';
+import PrevNextButtons from '@/blog/features/account-lists/prev-next-buttons';
+import ButtonsContainer from '@/blog/features/mute-follow/buttons-container';
+import { useTranslation } from '@/blog/i18n/client';
+import { useUser } from '@smart-signer/lib/auth/use-user';
+import { useQuery } from '@tanstack/react-query';
+import { getAccountFull } from '@transaction/lib/hive-api';
+import { useState } from 'react';
+
+const LIMIT = 50;
+
+const FollowersContent = ({ username }: { username: string }) => {
+  const { t } = useTranslation('common_blog');
+  const [page, setPage] = useState(0);
+  const { user } = useUser();
+
+  const { data: profileData } = useQuery({
+    queryKey: ['profileData', username],
+    queryFn: () => getAccountFull(username)
+  });
+
+  const followersData = useFollowersInfiniteQuery(username, LIMIT);
+  const following = useFollowingInfiniteQuery(user.username, 1000, 'blog', ['blog']);
+  const mute = useFollowingInfiniteQuery(user.username, 1000, 'ignore', ['ignore']);
+
+  const handleNextPage = () => {
+    if (!followersData.data) return;
+
+    if (page + 1 < followersData.data.pages.length) {
+      return setPage((prev) => prev + 1);
+    }
+    followersData.fetchNextPage().then(() => setPage((prev) => prev + 1));
+  };
+  const handlePrevPage = () => {
+    if (page <= 0) return;
+    setPage((prev) => prev - 1);
+  };
+  return (
+    <div className="flex flex-col gap-2 p-2">
+      <h1 className="self-center p-2">
+        {t('user_profile.lists.followers_pages', {
+          current: page + 1,
+          total: profileData?.follow_stats?.follower_count
+            ? Math.ceil(profileData?.follow_stats?.follower_count / LIMIT)
+            : 1
+        })}
+      </h1>
+      <PrevNextButtons
+        onNextPage={handleNextPage}
+        onPrevPage={handlePrevPage}
+        hasNextPage={!!followersData.hasNextPage}
+        hasPrevPage={page > 0}
+        isLoading={followersData.isFetchingNextPage}
+      />
+      <ul>
+        {followersData.data?.pages[page].map((e) => (
+          <li
+            key={e.follower}
+            className="flex items-center justify-between bg-background-tertiary px-3 font-semibold text-destructive odd:bg-background"
+          >
+            <BasePathLink href={`/@${e.follower}`}>{e.follower}</BasePathLink>
+            {!user.isLoggedIn || user.username === e.follower ? null : (
+              <div>
+                <ButtonsContainer
+                  username={e.follower}
+                  user={user}
+                  variant="basic"
+                  follow={following}
+                  mute={mute}
+                />
+              </div>
+            )}
+          </li>
+        ))}
+      </ul>
+      <PrevNextButtons
+        onNextPage={handleNextPage}
+        onPrevPage={handlePrevPage}
+        hasNextPage={!!followersData.hasNextPage}
+        hasPrevPage={page > 0}
+        isLoading={followersData.isFetchingNextPage}
+      />
+      <h1 className="self-center p-2">
+        {t('user_profile.lists.followers_pages', {
+          current: page + 1,
+          total: profileData?.follow_stats?.follower_count
+            ? Math.ceil(profileData?.follow_stats?.follower_count / LIMIT)
+            : 1
+        })}
+      </h1>
+    </div>
+  );
+};
+
+export default FollowersContent;
diff --git a/apps/blog/app/[param]/(user-profile)/followers/page.tsx b/apps/blog/app/[param]/(user-profile)/followers/page.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..7c7cdedfafdaaf2bbd168b10def3ec76f0b1b5d5
--- /dev/null
+++ b/apps/blog/app/[param]/(user-profile)/followers/page.tsx
@@ -0,0 +1,25 @@
+import { getQueryClient } from '@/blog/lib/react-query';
+import FollowersContent from './content';
+import { getAccountFull, getFollowers } from '@transaction/lib/hive-api';
+
+const FollowersPage = async ({ params }: { params: { param: string } }) => {
+  const queryClient = getQueryClient();
+  const username = params.param.replace('%40', '');
+
+  await queryClient.prefetchQuery({
+    queryKey: ['profileData', username],
+    queryFn: () => getAccountFull(username)
+  });
+
+  await queryClient.prefetchInfiniteQuery({
+    queryKey: ['followersData', username],
+    queryFn: ({ pageParam: last_id }) =>
+      getFollowers({ account: username, start: last_id, type: 'blog', limit: 50 }),
+    getNextPageParam: (lastPage) => {
+      return lastPage.length >= 50 ? lastPage[lastPage.length - 1].follower : undefined;
+    }
+  });
+  return <FollowersContent username={username} />;
+};
+
+export default FollowersPage;
diff --git a/apps/blog/app/[param]/(user-profile)/layout.tsx b/apps/blog/app/[param]/(user-profile)/layout.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..9c992a231bb947d71b410b9120c3e588e7f136bc
--- /dev/null
+++ b/apps/blog/app/[param]/(user-profile)/layout.tsx
@@ -0,0 +1,37 @@
+import ProfileLayout from '@/blog/features/layouts/user-profile/profile-layout';
+import { ReactNode } from 'react';
+import { dehydrate, Hydrate } from '@tanstack/react-query';
+import { getQueryClient } from '@/blog/lib/react-query';
+import { getAccountFull, getAccountReputations, getDynamicGlobalProperties } from '@transaction/lib/hive-api';
+import { getTwitterInfo } from '@transaction/lib/custom-api';
+
+const Layout = async ({ children, params }: { children: ReactNode; params: { param: string } }) => {
+  const queryClient = getQueryClient();
+  const { param } = params;
+  const username = param.startsWith('%40') ? param.replace('%40', '') : param;
+
+  console.log('Layout username:', username);
+  await queryClient.prefetchQuery({
+    queryKey: ['profileData', username],
+    queryFn: () => getAccountFull(username)
+  });
+  await queryClient.prefetchQuery({
+    queryKey: ['accountReputationData', username],
+    queryFn: () => getAccountReputations(username, 1)
+  });
+  await queryClient.prefetchQuery({
+    queryKey: ['twitterData', username],
+    queryFn: () => getTwitterInfo(username)
+  });
+  await queryClient.prefetchQuery({
+    queryKey: ['dynamicGlobalData'],
+    queryFn: () => getDynamicGlobalProperties()
+  });
+  return (
+    <Hydrate state={dehydrate(queryClient)}>
+      <ProfileLayout>{children}</ProfileLayout>
+    </Hydrate>
+  );
+};
+
+export default Layout;
diff --git a/apps/blog/app/[param]/(user-profile)/lists/blacklisted/content.tsx b/apps/blog/app/[param]/(user-profile)/lists/blacklisted/content.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..d04d64e9826e7b4abcd2dfe05f9b19ea5d2db86c
--- /dev/null
+++ b/apps/blog/app/[param]/(user-profile)/lists/blacklisted/content.tsx
@@ -0,0 +1,14 @@
+'use client';
+
+import { useFollowListQuery } from '@/blog/components/hooks/use-follow-list';
+import ProfileLists from '@/blog/features/account-lists/profile-lists-component';
+
+const type = 'blacklisted';
+const BlacklistedUsersContent = ({ param }: { param: string }) => {
+  const username = param.replace('%40', '');
+
+  const { data } = useFollowListQuery(username, type);
+
+  return <ProfileLists username={username} variant="blacklisted" data={data} />;
+};
+export default BlacklistedUsersContent;
diff --git a/apps/blog/app/[param]/(user-profile)/lists/blacklisted/page.tsx b/apps/blog/app/[param]/(user-profile)/lists/blacklisted/page.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..83e34e6999c82b4654539051ab118c73ce25a070
--- /dev/null
+++ b/apps/blog/app/[param]/(user-profile)/lists/blacklisted/page.tsx
@@ -0,0 +1,20 @@
+import ListsPage from '@/blog/features/account-lists/lists-page';
+import BlacklistedUsersContent from './content';
+
+const type = 'blacklisted';
+
+interface PageProps {
+  params: {
+    param: string;
+  };
+}
+const BlacklistedUsersPage = ({ params }: PageProps) => {
+  const { param } = params;
+
+  return (
+    <ListsPage username={param} type={type}>
+      <BlacklistedUsersContent param={param} />
+    </ListsPage>
+  );
+};
+export default BlacklistedUsersPage;
diff --git a/apps/blog/app/[param]/(user-profile)/lists/followed_blacklists/content.tsx b/apps/blog/app/[param]/(user-profile)/lists/followed_blacklists/content.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..962265f7f100aaecf430a7f1537fc0eeec44da60
--- /dev/null
+++ b/apps/blog/app/[param]/(user-profile)/lists/followed_blacklists/content.tsx
@@ -0,0 +1,15 @@
+'use client';
+
+import { useFollowListQuery } from '@/blog/components/hooks/use-follow-list';
+import ProfileLists from '@/blog/features/account-lists/profile-lists-component';
+
+const type = 'follow_blacklist';
+
+const FollowedBlacklistContent = ({ param }: { param: string }) => {
+  const username = param.replace('%40', '');
+
+  const { data } = useFollowListQuery(username, type);
+
+  return <ProfileLists username={username} variant="follow_blacklist" data={data} />;
+};
+export default FollowedBlacklistContent;
diff --git a/apps/blog/app/[param]/(user-profile)/lists/followed_blacklists/page.tsx b/apps/blog/app/[param]/(user-profile)/lists/followed_blacklists/page.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..067c9924133d4e4cea220b467a383987feee84c9
--- /dev/null
+++ b/apps/blog/app/[param]/(user-profile)/lists/followed_blacklists/page.tsx
@@ -0,0 +1,20 @@
+import ListsPage from '@/blog/features/account-lists/lists-page';
+import FollowedBlacklistContent from './content';
+
+const type = 'follow_blacklist';
+
+interface PageProps {
+  params: {
+    param: string;
+  };
+}
+const FollowedBlacklistPage = ({ params }: PageProps) => {
+  const { param } = params;
+
+  return (
+    <ListsPage username={param} type={type}>
+      <FollowedBlacklistContent param={param} />
+    </ListsPage>
+  );
+};
+export default FollowedBlacklistPage;
diff --git a/apps/blog/app/[param]/(user-profile)/lists/followed_muted_lists/content.tsx b/apps/blog/app/[param]/(user-profile)/lists/followed_muted_lists/content.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..d64947d453c929c16d6be4c320ea9a29ef5b1cbf
--- /dev/null
+++ b/apps/blog/app/[param]/(user-profile)/lists/followed_muted_lists/content.tsx
@@ -0,0 +1,15 @@
+'use client';
+
+import { useFollowListQuery } from '@/blog/components/hooks/use-follow-list';
+import ProfileLists from '@/blog/features/account-lists/profile-lists-component';
+
+const type = 'followed_muted_lists';
+
+const FollowedMutedListsContent = ({ param }: { param: string }) => {
+  const username = param.replace('%40', '');
+
+  const { data } = useFollowListQuery(username, type);
+
+  return <ProfileLists username={username} variant="followed_muted_lists" data={data} />;
+};
+export default FollowedMutedListsContent;
diff --git a/apps/blog/app/[param]/(user-profile)/lists/followed_muted_lists/page.tsx b/apps/blog/app/[param]/(user-profile)/lists/followed_muted_lists/page.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..ba2a7320eb90127ab25d66800da559dddab2a408
--- /dev/null
+++ b/apps/blog/app/[param]/(user-profile)/lists/followed_muted_lists/page.tsx
@@ -0,0 +1,20 @@
+import ListsPage from '@/blog/features/account-lists/lists-page';
+import FollowedMutedListsContent from './content';
+
+const type = 'followed_muted_lists';
+
+interface PageProps {
+  params: {
+    param: string;
+  };
+}
+const FollowedMutedListsPage = ({ params }: PageProps) => {
+  const { param } = params;
+
+  return (
+    <ListsPage username={param} type={type}>
+      <FollowedMutedListsContent param={param} />
+    </ListsPage>
+  );
+};
+export default FollowedMutedListsPage;
diff --git a/apps/blog/app/[param]/(user-profile)/lists/muted/content.tsx b/apps/blog/app/[param]/(user-profile)/lists/muted/content.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..5119562e8583bfa853f55dc96d14f4da5e5ac44f
--- /dev/null
+++ b/apps/blog/app/[param]/(user-profile)/lists/muted/content.tsx
@@ -0,0 +1,15 @@
+'use client';
+
+import { useFollowListQuery } from '@/blog/components/hooks/use-follow-list';
+import ProfileLists from '@/blog/features/account-lists/profile-lists-component';
+
+const type = 'muted';
+
+const MutedContent = ({ param }: { param: string }) => {
+  const username = param.replace('%40', '');
+
+  const { data } = useFollowListQuery(username, type);
+
+  return <ProfileLists username={username} variant={type} data={data} />;
+};
+export default MutedContent;
diff --git a/apps/blog/app/[param]/(user-profile)/lists/muted/page.tsx b/apps/blog/app/[param]/(user-profile)/lists/muted/page.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..2aa2d1b8650e5bb0187ee351fe8635ac54547221
--- /dev/null
+++ b/apps/blog/app/[param]/(user-profile)/lists/muted/page.tsx
@@ -0,0 +1,20 @@
+import ListsPage from '@/blog/features/account-lists/lists-page';
+import MutedContent from './content';
+
+const type = 'muted';
+
+interface PageProps {
+  params: {
+    param: string;
+  };
+}
+const MutedPage = ({ params }: PageProps) => {
+  const { param } = params;
+
+  return (
+    <ListsPage username={param} type={type}>
+      <MutedContent param={param} />
+    </ListsPage>
+  );
+};
+export default MutedPage;
diff --git a/apps/blog/app/[param]/(user-profile)/notifications/content.tsx b/apps/blog/app/[param]/(user-profile)/notifications/content.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..cbe95ef4453494d0831d82ce079e305de1f607ce
--- /dev/null
+++ b/apps/blog/app/[param]/(user-profile)/notifications/content.tsx
@@ -0,0 +1,33 @@
+'use client';
+
+import NotificationActivities from '@/blog/features/activity-log/notification-content';
+import { useTranslation } from '@/blog/i18n/client';
+import { useQuery } from '@tanstack/react-query';
+import { getAccountNotifications } from '@transaction/lib/bridge-api';
+
+const NotificationContent = ({ username }: { username: string }) => {
+  const { t } = useTranslation('common_blog');
+
+  const { data } = useQuery({
+    queryKey: ['AccountNotification', username],
+    queryFn: () => getAccountNotifications(username)
+  });
+
+  return (
+    <div className="flex w-full flex-col">
+      {data && data.length > 0 ? (
+        <NotificationActivities data={data} username={username} />
+      ) : (
+        <div
+          key="empty"
+          className="border-card-empty-border mt-12 border-2 border-solid bg-card-noContent px-4 py-6 text-sm"
+          data-testid="user-has-not-had-any-notifications-yet"
+        >
+          {t('user_profile.no_notifications_yet', { username: username })}
+        </div>
+      )}
+    </div>
+  );
+};
+
+export default NotificationContent;
diff --git a/apps/blog/app/[param]/(user-profile)/notifications/page.tsx b/apps/blog/app/[param]/(user-profile)/notifications/page.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..2f18287683b813ec2e767b35268bde9578a553c9
--- /dev/null
+++ b/apps/blog/app/[param]/(user-profile)/notifications/page.tsx
@@ -0,0 +1,23 @@
+import { dehydrate, Hydrate } from '@tanstack/react-query';
+import NotificationContent from './content';
+import { getAccountNotifications } from '@transaction/lib/bridge-api';
+import { getQueryClient } from '@/blog/lib/react-query';
+
+const NotificationsPage = async ({ params }: { params: { param: string } }) => {
+  const username = params.param.replace('%40', '');
+
+  const queryClient = getQueryClient();
+
+  await queryClient.prefetchQuery({
+    queryKey: ['AccountNotification', username],
+    queryFn: () => getAccountNotifications(username)
+  });
+
+  return (
+    <Hydrate state={dehydrate(queryClient)}>
+      <NotificationContent username={username} />
+    </Hydrate>
+  );
+};
+
+export default NotificationsPage;
diff --git a/apps/blog/app/[param]/(user-profile)/page.tsx b/apps/blog/app/[param]/(user-profile)/page.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..f992111e9d8efcd9ade86a81d3c5ac079c1cf5ae
--- /dev/null
+++ b/apps/blog/app/[param]/(user-profile)/page.tsx
@@ -0,0 +1,14 @@
+import Content from './content';
+import PostsPage from '@/blog/features/account-profile/posts-page';
+
+const query = 'blog';
+
+const Page = ({ params }: { params: { param: string } }) => {
+  return (
+    <PostsPage param={params.param} query={query}>
+      <Content />
+    </PostsPage>
+  );
+};
+
+export default Page;
diff --git a/apps/blog/app/[param]/(user-profile)/replies/content.tsx b/apps/blog/app/[param]/(user-profile)/replies/content.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..767ee07183e56bb3828b8f68077a031fbca02e3e
--- /dev/null
+++ b/apps/blog/app/[param]/(user-profile)/replies/content.tsx
@@ -0,0 +1,9 @@
+'use client';
+
+import PostsContent from '@/blog/features/account-profile/posts-content';
+
+const query = 'replies';
+
+const Content = () => <PostsContent query={query} />;
+
+export default Content;
diff --git a/apps/blog/app/[param]/(user-profile)/replies/page.tsx b/apps/blog/app/[param]/(user-profile)/replies/page.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..747775b46aa77dee8a2736326faeab1047bfb6be
--- /dev/null
+++ b/apps/blog/app/[param]/(user-profile)/replies/page.tsx
@@ -0,0 +1,13 @@
+import PostsPage from '@/blog/features/account-profile/posts-page';
+import Content from './content';
+
+const query = 'replies';
+
+const Page = ({ params }: { params: { param: string } }) => {
+  return (
+    <PostsPage param={params.param} query={query}>
+      <Content />
+    </PostsPage>
+  );
+};
+export default Page;
diff --git a/apps/blog/app/[param]/(user-profile)/settings/content.tsx b/apps/blog/app/[param]/(user-profile)/settings/content.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..530500dbbb8854b51c895c17356c80dcf5b57431
--- /dev/null
+++ b/apps/blog/app/[param]/(user-profile)/settings/content.tsx
@@ -0,0 +1,20 @@
+'use client';
+
+import SettingsForm from '@/blog/features/account-settings/form';
+import HealthChecker from '@/blog/features/account-settings/health-checker';
+import MutedList from '@/blog/features/account-settings/muted-list';
+import { useUser } from '@smart-signer/lib/auth/use-user';
+
+const SettingsContent = ({ username }: { username: string }) => {
+  const { user } = useUser();
+
+  return (
+    <div className="flex flex-col" data-testid="public-profile-settings">
+      {user?.isLoggedIn && user?.username === username ? <SettingsForm username={user.username} /> : null}
+      <HealthChecker />
+      <MutedList username={username} />
+    </div>
+  );
+};
+
+export default SettingsContent;
diff --git a/apps/blog/app/[param]/(user-profile)/settings/page.tsx b/apps/blog/app/[param]/(user-profile)/settings/page.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..6a2880c74c7f3d6bec9857f197fcd61c595fdf48
--- /dev/null
+++ b/apps/blog/app/[param]/(user-profile)/settings/page.tsx
@@ -0,0 +1,27 @@
+import { getQueryClient } from '@/blog/lib/react-query';
+import SettingsContent from './content';
+import { dehydrate, Hydrate } from '@tanstack/react-query';
+import { getAccountFull } from '@transaction/lib/hive-api';
+import { getFollowList } from '@transaction/lib/bridge-api';
+
+const SettingsPage = async ({ params }: { params: { param: string } }) => {
+  const username = params.param.replace('%40', '');
+  const queryClient = getQueryClient();
+
+  await queryClient.prefetchQuery({
+    queryKey: ['muted', username],
+    queryFn: () => getFollowList(username, 'muted')
+  });
+  await queryClient.prefetchQuery({
+    queryKey: ['profileData', username],
+    queryFn: () => getAccountFull(username)
+  });
+
+  return (
+    <Hydrate state={dehydrate(queryClient)}>
+      <SettingsContent username={username} />
+    </Hydrate>
+  );
+};
+
+export default SettingsPage;
diff --git a/apps/blog/app/[param]/[p2]/[permlink]/content.tsx b/apps/blog/app/[param]/[p2]/[permlink]/content.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..7760f7eb5c822cd887a750fdf6b93a3113a0d762
--- /dev/null
+++ b/apps/blog/app/[param]/[p2]/[permlink]/content.tsx
@@ -0,0 +1,689 @@
+'use client';
+
+import BasePathLink from '@/blog/components/base-path-link';
+import DialogLogin from '@/blog/components/dialog-login';
+import { useFollowListQuery } from '@/blog/components/hooks/use-follow-list';
+import { usePinMutation, useUnpinMutation } from '@/blog/components/hooks/use-pin-mutations';
+import NoDataError from '@/blog/components/no-data-error';
+import ChangeTitleDialog from '@/blog/features/community-profile/change-title-dialog';
+import DetailsCardHover from '@/blog/features/list-of-posts/details-card-hover';
+import ReblogTrigger from '@/blog/features/list-of-posts/reblog-trigger';
+import { useDeletePostMutation } from '@/blog/features/post-editor/hooks/use-post-mutation';
+import { postClassName } from '@/blog/features/post-editor/lib/utils';
+import PostForm from '@/blog/features/post-editor/post-form';
+import PostingLoader from '@/blog/features/post-editor/posting-loader';
+import { ReplyTextbox } from '@/blog/features/post-editor/reply-textbox';
+import { AlertDialogFlag } from '@/blog/features/post-rendering/alert-window-flag';
+import CommentList from '@/blog/features/post-rendering/comment-list';
+import CommentSelectFilter from '@/blog/features/post-rendering/comment-select-filter';
+import ContextLinks from '@/blog/features/post-rendering/context-links';
+import DetailsCardVoters from '@/blog/features/post-rendering/details-card-voters';
+import FlagIcon from '@/blog/features/post-rendering/flag-icon';
+import ImageGallery from '@/blog/features/post-rendering/image-gallery';
+import MutePostDialog from '@/blog/features/post-rendering/mute-post-dialog';
+import { PostDeleteDialog } from '@/blog/features/post-rendering/post-delete-dialog';
+import RendererContainer from '@/blog/features/post-rendering/rendererContainer';
+import { SharePost } from '@/blog/features/post-rendering/share-post-dialog';
+import FacebookShare from '@/blog/features/post-rendering/share-post-facebook';
+import LinkedInShare from '@/blog/features/post-rendering/share-post-linkedin';
+import RedditShare from '@/blog/features/post-rendering/share-post-reddit';
+import TwitterShare from '@/blog/features/post-rendering/share-post-twitter';
+import UserInfo from '@/blog/features/post-rendering/user-info';
+import { UserPopoverCard } from '@/blog/features/post-rendering/user-popover-card';
+import AnimatedList from '@/blog/features/suggestions-posts/animated-tab';
+import SuggestionsList from '@/blog/features/suggestions-posts/list';
+import VotesComponent from '@/blog/features/votes/votes-component';
+import { useTranslation } from '@/blog/i18n/client';
+import sorter, { SortOrder } from '@/blog/lib/sorter';
+import { DEFAULT_OBSERVER } from '@/blog/lib/utils';
+import { getBasePath } from '@/blog/utils/PathUtils';
+import { useUser } from '@smart-signer/lib/auth/use-user';
+import { useQuery } from '@tanstack/react-query';
+import { getCommunity, getDiscussion, getListCommunityRoles, getPost } from '@transaction/lib/bridge-api';
+import { Entry } from '@transaction/lib/extended-hive.chain';
+import { getActiveVotes } from '@transaction/lib/hive-api';
+import { getSimilarPostsByPost, isPostStub } from '@transaction/lib/hivesense-api';
+import { Badge } from '@ui/components/badge';
+import { Button } from '@ui/components/button';
+import { Icons } from '@ui/components/icons';
+import Loading from '@ui/components/loading';
+import { Separator } from '@ui/components/separator';
+import TimeAgo from '@ui/components/time-ago';
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@ui/components/tooltip';
+import dmcaList from '@ui/config/lists/dmca-list';
+import dmcaUserList from '@ui/config/lists/dmca-user-list';
+import gdprUserList from '@ui/config/lists/gdpr-user-list';
+import userIllegalContent from '@ui/config/lists/user-illegal-content';
+import { handleError } from '@ui/lib/handle-error';
+import parseDate from '@ui/lib/parse-date';
+import clsx from 'clsx';
+import { Clock, Link2 } from 'lucide-react';
+import moment from 'moment';
+import Link from 'next/link';
+import { useParams, usePathname, useRouter, useSearchParams } from 'next/navigation';
+import { useEffect, useMemo, useState } from 'react';
+import { CircleSpinner } from 'react-spinners-kit';
+import { useLocalStorage } from 'usehooks-ts';
+
+const PostContent = () => {
+  const searchParams = useSearchParams();
+  const params = useParams<{ param: string; p2: string; permlink: string }>();
+  const router = useRouter();
+  const pathname = usePathname();
+  const commentSort = searchParams?.get('sort') || 'trending';
+  const author = params?.p2.replace('%40', '') ?? '';
+  const category = params?.param ?? '';
+  const permlink = params?.permlink ?? '';
+  const { user } = useUser();
+  const storageId = `replybox-/${author}/${permlink}-${user.username}`;
+
+  const { t } = useTranslation('common_blog');
+  const [storedBox, storeBox, removeBox] = useLocalStorage<Boolean>(storageId, false);
+  const [storedComment] = useLocalStorage<string>(`replyTo-/${author}/${permlink}-${user.username}`, '');
+
+  const [reply, setReply] = useState<Boolean>(storedBox !== undefined ? storedBox : false);
+  const [isSubmitting, setIsSubmitting] = useState(false);
+  const [edit, setEdit] = useState(false);
+  const observer = user.isLoggedIn ? user.username : DEFAULT_OBSERVER;
+  const postInCommunity = category?.startsWith('hive-');
+  const { data: postData, isLoading: postIsLoading } = useQuery({
+    queryKey: ['postData', author, permlink],
+    queryFn: () => getPost(author, permlink, observer),
+    enabled: !!author && !!permlink
+  });
+  const [mutedPost, setMutedPost] = useState<boolean>(postData?.stats?.gray || false);
+  const userFromGDPR = gdprUserList.some((e) => e === postData?.author);
+
+  const crossedPost = postData?.json_metadata.tags?.includes('cross-post');
+  const legalBlockedUser = userIllegalContent.some((e) => e === postData?.author);
+  const copyRightCheck = dmcaList.includes(pathname ?? '');
+  const { data: crossPostData } = useQuery({
+    queryKey: [
+      'postData',
+      postData?.json_metadata.original_author,
+      postData?.json_metadata.original_permlink
+    ],
+    queryFn: () =>
+      getPost(postData?.json_metadata.original_author, postData?.json_metadata.original_permlink, observer),
+    enabled: crossedPost
+  });
+
+  const { data: suggestionData } = useQuery({
+    queryKey: ['suggestions', author, permlink],
+    queryFn: async () => {
+      const results = await getSimilarPostsByPost({
+        author,
+        permlink,
+        observer,
+        result_limit: 10, // Only get 10 suggestions
+        full_posts: 10 // Get all as full posts
+      });
+
+      if (!results) return null;
+
+      // Filter out null/invalid posts and only include full Entry objects (not stubs)
+      const fullPosts = results.filter(
+        (post) => post && !isPostStub(post) && (post as Entry).post_id
+      ) as Entry[];
+      return fullPosts;
+    }
+  });
+  const { data: communityData } = useQuery({
+    queryKey: ['community', category],
+    queryFn: () => getCommunity(category, observer),
+    enabled: postInCommunity
+  });
+
+  const { data: discussionData, isLoading: discussionIsLoading } = useQuery({
+    queryKey: ['discussionData', permlink],
+    queryFn: () => getDiscussion(author, permlink, observer)
+  });
+  const discussionState = useMemo(() => {
+    if (!discussionData) return undefined;
+    const list = [...Object.keys(discussionData).map((key) => discussionData[key])];
+    const sortType = commentSort as SortOrder;
+    sorter(list, sortType);
+    return list;
+  }, [discussionData, commentSort]);
+  const firstPost = discussionState?.find((post) => post.depth === 0);
+  const post_is_pinned = firstPost?.stats?.is_pinned ?? false;
+
+  const thisPost = discussionState?.find((post) => post.permlink === permlink && postData?.author === author);
+  const commentSite = thisPost?.depth !== 0 ? true : false;
+  const userFromDMCA = dmcaUserList.some((e) => e === postData?.author);
+
+  const { data: userCanModerate } = useQuery({
+    queryKey: ['rolesList', category],
+    queryFn: () => getListCommunityRoles(category),
+    enabled: postInCommunity,
+    select: (data) => {
+      const userRole = data?.find((e) => e[0] === user.username);
+      const userCanModerate = userRole
+        ? userRole[1] === 'mod' || userRole[1] === 'admin' || userRole[1] === 'owner'
+        : false;
+      return userCanModerate;
+    }
+  });
+
+  const { data: activeVotesData } = useQuery({
+    queryKey: ['activeVotes'],
+    queryFn: () => getActiveVotes(author, permlink)
+  });
+
+  const { data: mutedList } = useFollowListQuery(user.username, 'muted');
+
+  const pinMutations = usePinMutation();
+  const unpinMutation = useUnpinMutation();
+
+  const pin = async () => {
+    try {
+      await pinMutations.mutateAsync({ community: category, username: author, permlink });
+    } catch (error) {
+      handleError(error, { method: 'pin', params: { community: category, username: author, permlink } });
+    }
+  };
+  const unpin = async () => {
+    try {
+      await unpinMutation.mutateAsync({ community: category, username: author, permlink });
+    } catch (error) {
+      handleError(error, { method: 'unpin', params: { community: category, username: author, permlink } });
+    }
+  };
+
+  const deletePostMutation = useDeletePostMutation();
+  const basepath = getBasePath();
+  const deleteComment = async (permlink: string) => {
+    try {
+      await deletePostMutation.mutateAsync({ permlink });
+      setIsSubmitting(true);
+      // Wait 2 seconds before redirecting
+      await new Promise((resolve) => setTimeout(resolve, 2000));
+
+      // Use window.location for subdirectory deployments to ensure catch-all route works
+      if (!!basepath) {
+        window.location.href = `${basepath}/@${author}/posts`;
+      } else {
+        // Use client-side navigation for root deployments (faster)
+        router.push(`/@${author}/posts`);
+      }
+    } catch (error) {
+      setIsSubmitting(false);
+      handleError(error, { method: 'deleteComment', params: { permlink } });
+    }
+  };
+
+  useEffect(() => {
+    setMutedPost(postData?.stats?.gray ?? false);
+  }, [postData?.stats?.gray]);
+
+  useEffect(() => {
+    if (reply) {
+      storeBox(reply);
+    }
+  }, [reply, storeBox]);
+  if (userFromGDPR || (!postData && !postIsLoading)) return <NoDataError />;
+
+  return (
+    <>
+      <div className="grid grid-cols-1 md:grid-cols-12">
+        <div className="col-span-2 hidden md:block">
+          {suggestionData ? <AnimatedList suggestions={suggestionData} /> : null}
+        </div>
+        <div className="py-8 sm:col-span-8 sm:mx-auto sm:flex sm:flex-col">
+          <div className="relative mx-auto my-0 max-w-4xl bg-background p-4">
+            {crossedPost ? (
+              <div className="mb-4 flex items-center gap-2 bg-background-secondary p-5 text-sm">
+                <Icons.crossPost className="h-4 w-4" />
+                <span>
+                  <BasePathLink href={`/@${postData?.author}`} className="font-bold hover:text-destructive">
+                    {postData?.author}{' '}
+                  </BasePathLink>
+                  cross-posted{' '}
+                  <Link
+                    href={`/@${postData?.json_metadata.original_author}/${postData?.json_metadata.original_permlink}`}
+                    className="font-bold hover:text-destructive"
+                  >
+                    this post{' '}
+                  </Link>
+                  in{' '}
+                  <Link href={`/created/${postData?.community}`} className="font-bold hover:text-destructive">
+                    {postData?.community_title ?? postData?.community}
+                  </Link>
+                </span>
+              </div>
+            ) : null}
+            <div className="absolute right-0 top-1 cursor-pointer hover:text-destructive">
+              {postInCommunity && !user.isLoggedIn ? (
+                <DialogLogin>
+                  <FlagIcon onClick={() => {}} />
+                </DialogLogin>
+              ) : communityData && user.isLoggedIn ? (
+                <AlertDialogFlag
+                  community={category}
+                  username={author}
+                  permlink={permlink}
+                  flagText={communityData.flag_text}
+                >
+                  <FlagIcon onClick={() => {}} />
+                </AlertDialogFlag>
+              ) : null}
+            </div>
+
+            {postData ? (
+              <div>
+                {!commentSite ? (
+                  <h1
+                    className="font-sanspro text-[21px] font-extrabold sm:text-[25.6px]"
+                    data-testid="article-title"
+                  >
+                    {postData.title}
+                  </h1>
+                ) : (
+                  <ContextLinks
+                    data={postData}
+                    noContext={!!discussionState && !discussionState.some((e) => e.depth === 1)}
+                  />
+                )}
+                <UserInfo
+                  permlink={permlink}
+                  moderateEnabled={!!userCanModerate}
+                  author={postData.author}
+                  author_reputation={
+                    crossPostData ? crossPostData.author_reputation : postData.author_reputation
+                  }
+                  author_title={postData.author_title}
+                  authored={postData.json_metadata?.author}
+                  community_title={
+                    crossPostData?.community ? crossPostData.community : communityData?.title || ''
+                  }
+                  community={crossPostData?.community ? crossPostData.community : category}
+                  category={postData.category}
+                  created={postData.created}
+                  blacklist={
+                    firstPost ? firstPost.blacklists : thisPost ? thisPost.blacklists : postData.blacklists
+                  }
+                />
+                {postIsLoading ? (
+                  <Loading loading={postIsLoading} />
+                ) : edit && commentSite && postData.parent_author && postData.parent_permlink ? (
+                  <ReplyTextbox
+                    editMode={edit}
+                    onSetReply={setEdit}
+                    username={postData.parent_author}
+                    permlink={postData.permlink}
+                    parentPermlink={postData.parent_permlink}
+                    storageId={storageId}
+                    comment={postData}
+                    discussionPermlink={permlink}
+                  />
+                ) : edit ? (
+                  <PostForm
+                    username={postData.author}
+                    editMode={edit}
+                    setEditMode={setEdit}
+                    sideBySidePreview={false}
+                    post_s={postData}
+                    refreshPage={() => {
+                      router.replace(pathname || '/');
+                    }}
+                    setIsSubmitting={setIsSubmitting}
+                  />
+                ) : legalBlockedUser ? (
+                  <div className="px-2 py-6">{t('global.unavailable_for_legal_reasons')}</div>
+                ) : copyRightCheck || userFromDMCA ? (
+                  <div className="px-2 py-6">{t('post_content.body.copyright')}</div>
+                ) : mutedPost ? (
+                  <>
+                    <Separator />
+                    <div className="my-8 flex items-center justify-between text-destructive">
+                      {t('post_content.body.content_were_hidden')}
+                      <Button variant="outlineRed" onClick={() => setMutedPost(false)}>
+                        {t('post_content.body.show')}
+                      </Button>
+                    </div>
+                  </>
+                ) : (
+                  <ImageGallery>
+                    <RendererContainer
+                      mainPost={postData.depth === 0}
+                      body={crossPostData?.body ?? postData.body}
+                      author={postData.author}
+                      className={postClassName}
+                    />
+                  </ImageGallery>
+                )}
+                <div className="clear-both">
+                  {!commentSite ? (
+                    <ul className="flex flex-wrap gap-2" data-testid="hashtags-post">
+                      {postData.json_metadata.tags
+                        ?.filter((e) => e !== postData.category && e !== '' && e !== postData.community)
+                        .map((tag: string) => (
+                          <li key={tag}>
+                            <Link
+                              href={`/trending/${tag}`}
+                              className="my-2 rounded-md border-[1px] border-border bg-background-secondary px-2 py-1 text-[14px] hover:border-[#788187]"
+                            >
+                              #{tag}
+                            </Link>
+                          </li>
+                        ))}
+                    </ul>
+                  ) : null}
+                </div>
+                <div
+                  className="flex flex-col items-start text-sm text-primary sm:flex-row sm:justify-between"
+                  data-testid="author-data-post-footer"
+                >
+                  <div className="my-4 flex flex-wrap gap-4">
+                    <div className="flex flex-wrap items-center">
+                      <Clock className="h-4 w-4" />
+                      <span className="px-1" title={String(parseDate(postData.created))}>
+                        <TimeAgo date={postData.created} />
+                      </span>
+                      {t('post_content.footer.in')}
+                      <span className="px-1 text-destructive">
+                        {postData.community_title ? (
+                          <Link
+                            href={`/trending/${crossPostData?.community ?? postData.community}`}
+                            className="hover:cursor-pointer"
+                            data-testid="footer-comment-community-category-link"
+                          >
+                            {crossPostData?.community ?? postData.community_title}
+                          </Link>
+                        ) : (
+                          <Link
+                            href={`/trending/${postData.category}`}
+                            className="hover:cursor-pointer"
+                            data-testid="footer-comment-community-category-link"
+                          >
+                            #{postData.category}
+                          </Link>
+                        )}
+                      </span>
+                      {t('post_content.footer.by')}
+                      <div className="flex">
+                        <UserPopoverCard
+                          author={postData.json_metadata.original_author ?? postData.author}
+                          author_reputation={crossPostData?.author_reputation ?? postData.author_reputation}
+                          blacklist={
+                            firstPost
+                              ? firstPost.blacklists
+                              : thisPost
+                                ? thisPost.blacklists
+                                : postData.blacklists
+                          }
+                        />
+                        {postData.author_title ? (
+                          <Badge variant="outline" className="border-destructive text-slate-500">
+                            <span className="mr-1">{postData.author_title}</span>
+                            <ChangeTitleDialog
+                              community={category}
+                              moderateEnabled={!!userCanModerate}
+                              userOnList={postData.author}
+                              title={postData.author_title ?? ''}
+                              permlink={permlink}
+                            />
+                          </Badge>
+                        ) : (
+                          <ChangeTitleDialog
+                            community={category}
+                            moderateEnabled={!!userCanModerate}
+                            userOnList={postData.author}
+                            title={postData.author_title ?? ''}
+                            permlink={permlink}
+                          />
+                        )}
+                      </div>
+                    </div>
+                    <div className="flex items-center gap-2 sm:gap-4">
+                      <VotesComponent post={postData} type="post" />
+                      <DetailsCardHover
+                        post={postData}
+                        decline={Number(postData.max_accepted_payout.slice(0, 1)) === 0}
+                        post_page
+                      >
+                        <span
+                          data-testid="comment-payout"
+                          className={`text-xs text-destructive hover:cursor-pointer sm:text-sm ${
+                            Number(postData.max_accepted_payout.slice(0, 1)) === 0
+                              ? '!text-gray-600 line-through'
+                              : ''
+                          }`}
+                        >
+                          ${postData.payout?.toFixed(2)}
+                        </span>
+                      </DetailsCardHover>
+                      {activeVotesData ? (
+                        <DetailsCardVoters post={postData}>
+                          {postData.stats?.total_votes && postData.stats?.total_votes !== 0 ? (
+                            <span className="text-xs text-destructive sm:text-sm">
+                              {postData.stats?.total_votes > 1
+                                ? t('post_content.footer.votes', { votes: postData.stats?.total_votes })
+                                : t('post_content.footer.vote')}
+                            </span>
+                          ) : null}
+                        </DetailsCardVoters>
+                      ) : null}
+                    </div>
+                  </div>
+                  <div className="my-4 flex items-end gap-4 sm:flex-col">
+                    <div className="flex items-center" data-testid="comment-respons-header">
+                      <ReblogTrigger
+                        author={postData.author}
+                        permlink={postData.permlink}
+                        dataTestidTooltipContent="post-footer-reblog-tooltip"
+                        dataTestidTooltipIcon="post-footer-reblog-icon"
+                      />
+                      <span className="mx-1">|</span>
+                      {user && user.isLoggedIn ? (
+                        <>
+                          <button
+                            onClick={() => {
+                              setReply(!reply), removeBox();
+                            }}
+                            className="flex items-center text-destructive"
+                            data-testid="comment-reply"
+                          >
+                            {t('post_content.footer.reply')}
+                          </button>
+                          {pinMutations.isPending || unpinMutation.isPending ? (
+                            <div className="ml-2">
+                              <CircleSpinner
+                                loading={pinMutations.isPending || unpinMutation.isPending}
+                                size={18}
+                                color="#dc2626"
+                              />
+                            </div>
+                          ) : userCanModerate && postData.depth === 0 ? (
+                            <div className="flex flex-col items-center">
+                              {/* <button
+                            disabled={postData.stats?._temporary}
+                            className={clsx('ml-2 flex items-center text-destructive', {
+                              'animate-pulse cursor-not-allowed text-destructive':
+                                firstPost?.stats?._temporary
+                            })}
+                            onClick={post_is_pinned ? unpin : pin}
+                          >
+                            {post_is_pinned ? t('communities.unpin') : t('communities.pin')}
+                          </button> */}
+                              {/* TODO swap two button to one when api return stats.is_pinned,
+                                temprary use two button to unpin and pin
+                                */}
+                              <button className="ml-2 flex items-center text-destructive" onClick={pin}>
+                                {t('communities.pin')}
+                              </button>
+                              <button className="ml-2 flex items-center text-destructive" onClick={unpin}>
+                                {t('communities.unpin')}
+                              </button>
+                            </div>
+                          ) : null}
+                          {userCanModerate ? (
+                            <MutePostDialog
+                              comment={false}
+                              community={category}
+                              username={postData.author}
+                              permlink={postData.permlink}
+                              contentMuted={postData.stats?.gray ?? false}
+                              discussionPermlink={postData.permlink}
+                              discussionAuthor={postData.author}
+                              temporaryDisable={postData.stats?._temporary}
+                            />
+                          ) : null}
+                        </>
+                      ) : (
+                        <DialogLogin>
+                          <button className="flex items-center text-destructive" data-testid="comment-reply">
+                            {t('post_content.footer.reply')}
+                          </button>
+                        </DialogLogin>
+                      )}
+                      {postData.children === 0 &&
+                      user.isLoggedIn &&
+                      postData.author === user.username &&
+                      moment().format('YYYY-MM-DDTHH:mm:ss') < postData.payout_at ? (
+                        <>
+                          <span className="mx-1">|</span>
+                          <PostDeleteDialog
+                            permlink={postData.permlink}
+                            action={(permlink) => {
+                              deleteComment(permlink);
+                            }}
+                            label="Post"
+                          >
+                            <button
+                              disabled={edit || deletePostMutation.isPending}
+                              className="flex items-center text-destructive"
+                              data-testid="comment-card-footer-delete"
+                            >
+                              {deletePostMutation.isPending ? (
+                                <CircleSpinner
+                                  loading={deletePostMutation.isPending}
+                                  size={18}
+                                  color="#dc2626"
+                                />
+                              ) : (
+                                t('cards.comment_card.delete')
+                              )}
+                            </button>
+                          </PostDeleteDialog>
+                        </>
+                      ) : null}
+                      {user && user.isLoggedIn && postData.author === user.username && !edit ? (
+                        <>
+                          <span className="mx-1">|</span>
+                          <button
+                            onClick={() => {
+                              setEdit(!edit);
+                            }}
+                            className="flex items-center text-destructive"
+                            data-testid="post-edit"
+                          >
+                            {t('post_content.footer.edit')}
+                          </button>
+                        </>
+                      ) : null}
+                      <span className="mx-1">|</span>
+                      <TooltipProvider>
+                        <Tooltip>
+                          <TooltipTrigger className="flex items-center" data-testid="comment-respons">
+                            <Link href={postData.url} className="flex cursor-pointer items-center">
+                              {postData.children > 1 ? (
+                                <Icons.messagesSquare className="mr-1 h-4 w-4" />
+                              ) : (
+                                <Icons.comment className="mr-1 h-4 w-4" />
+                              )}
+                            </Link>
+                            <Link href={postData.url} className="text- flex cursor-pointer items-center">
+                              {postData.children}
+                            </Link>
+                          </TooltipTrigger>
+                          <TooltipContent data-testid="post-footer-response-tooltip">
+                            <p>
+                              {postData.children === 0
+                                ? t('post_content.footer.no_responses')
+                                : postData.children === 1
+                                  ? t('post_content.footer.response')
+                                  : t('post_content.footer.responses', { responses: postData.children })}
+                            </p>
+                          </TooltipContent>
+                        </Tooltip>
+                      </TooltipProvider>
+                    </div>
+                    <div className="flex items-center gap-2">
+                      <FacebookShare url={postData.url} />
+                      <TwitterShare title={postData.title} url={postData.url} />
+                      <LinkedInShare title={postData.title} url={postData.url} />
+                      <RedditShare title={postData.title} url={postData.url} />
+                      <SharePost path={postData.url} title={postData.title}>
+                        <Link2 className="cursor-pointer hover:text-destructive" data-testid="share-post" />
+                      </SharePost>
+                    </div>
+                  </div>
+                </div>
+                {crossedPost ? (
+                  <div className="mb-12 flex w-full justify-center">
+                    <Link
+                      href={`/@${postData.json_metadata.original_author}/${postData.json_metadata.original_permlink}`}
+                    >
+                      <Button variant="redHover">{`Browse to the original post by @${postData.json_metadata.original_author}`}</Button>
+                    </Link>
+                  </div>
+                ) : null}
+                <div className="col-span-2 md:hidden">
+                  {!!suggestionData ? (
+                    <div className="flex flex-col overflow-x-auto md:sticky md:top-24 md:max-h-[calc(100vh-96px)]">
+                      <h2 className="mb-4 mt-2 px-4 font-sanspro text-xl font-bold md:mt-0">
+                        You Might Also Like
+                      </h2>
+                      <SuggestionsList suggestions={suggestionData} />
+                    </div>
+                  ) : null}
+                </div>
+              </div>
+            ) : (
+              <Loading loading={postIsLoading} />
+            )}
+          </div>
+          <div id="comments" className="flex" />
+          <div>
+            {reply && postData && user.isLoggedIn ? (
+              <ReplyTextbox
+                editMode={edit}
+                onSetReply={setReply}
+                username={postData.author}
+                permlink={permlink}
+                storageId={storageId}
+                comment={storedComment}
+                discussionPermlink={permlink}
+              />
+            ) : null}
+          </div>
+          {!!discussionData && !!discussionState && !!postData ? (
+            <div className="max-w-4xl pr-2">
+              <div className="my-1 flex items-center justify-end" translate="no">
+                <span className="pr-1">{t('select_sort.sort_comments.sort')}</span>
+                <CommentSelectFilter />
+              </div>
+              <CommentList
+                highestAuthor={postData.author}
+                highestPermlink={postData.permlink}
+                permissionToMute={!!userCanModerate}
+                mutedList={mutedList || []}
+                data={discussionState}
+                flagText={communityData?.flag_text}
+                parent={postData}
+                parent_depth={postData.depth}
+                discussionPermlink={permlink}
+              />
+            </div>
+          ) : (
+            <Loading loading={discussionIsLoading} />
+          )}
+        </div>
+        <div className="col-span-2" />
+      </div>
+      <PostingLoader isSubmitting={isSubmitting} />
+    </>
+  );
+};
+export default PostContent;
diff --git a/apps/blog/app/[param]/[p2]/[permlink]/page.tsx b/apps/blog/app/[param]/[p2]/[permlink]/page.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..e52c969e5f0b28e867b45fda0e1b1f5e21044240
--- /dev/null
+++ b/apps/blog/app/[param]/[p2]/[permlink]/page.tsx
@@ -0,0 +1,50 @@
+import { getQueryClient } from '@/blog/lib/react-query';
+import { dehydrate, Hydrate } from '@tanstack/react-query';
+import PostContent from './content';
+import { getCommunity, getListCommunityRoles, getPost } from '@transaction/lib/bridge-api';
+import { getDiscussion } from '@transaction/lib/bridge-api';
+import { getActiveVotes } from '@transaction/lib/hive-api';
+import { getObserverFromCookies } from '@/blog/lib/auth-utils';
+
+const PostPage = async ({
+  params: { param, p2, permlink }
+}: {
+  params: { param: string; p2: string; permlink: string };
+}) => {
+  const queryClient = getQueryClient();
+  const username = p2.replace('%40', '');
+  const community = param;
+  const observer = getObserverFromCookies();
+  await queryClient.prefetchQuery({
+    queryKey: ['postData', username, permlink],
+    queryFn: () => getPost(username, permlink, observer)
+  });
+
+  await queryClient.prefetchQuery({
+    queryKey: ['discussionData', permlink],
+    queryFn: () => getDiscussion(username, permlink, observer)
+  });
+
+  await queryClient.prefetchQuery({
+    queryKey: ['activeVotes', username, permlink],
+    queryFn: () => getActiveVotes(username, permlink)
+  });
+
+  if (community.startsWith('hive-')) {
+    await queryClient.prefetchQuery({
+      queryKey: ['communityData', community],
+      queryFn: () => getCommunity(community, observer)
+    });
+    await queryClient.prefetchQuery({
+      queryKey: ['rolesList', community],
+      queryFn: () => getListCommunityRoles(community)
+    });
+  }
+
+  return (
+    <Hydrate state={dehydrate(queryClient)}>
+      <PostContent />
+    </Hydrate>
+  );
+};
+export default PostPage;
diff --git a/apps/blog/app/[param]/[p2]/content.tsx b/apps/blog/app/[param]/[p2]/content.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..a07950d8b3c6bc1a705313a6981ecf5f960a5732
--- /dev/null
+++ b/apps/blog/app/[param]/[p2]/content.tsx
@@ -0,0 +1,37 @@
+'use client';
+
+import { DEFAULT_OBSERVER } from '@/blog/lib/utils';
+import { useUser } from '@smart-signer/lib/auth/use-user';
+import { useQuery } from '@tanstack/react-query';
+import { getPost } from '@transaction/lib/bridge-api';
+import { useParams } from 'next/navigation';
+import { useEffect } from 'react';
+
+const RedirectContent = () => {
+  const params = useParams<{ param: string; p2: string }>();
+  const username = params?.param.replace('%40', '');
+  const { user } = useUser();
+  const observer = user.isLoggedIn ? user.username : DEFAULT_OBSERVER;
+  const { data } = useQuery({
+    queryKey: ['postData', username, params?.p2],
+    queryFn: () => getPost(username, String(params?.p2), observer)
+  });
+
+  const url = `/${data?.category ?? data?.community}/@${data?.author}/${data?.permlink}`;
+
+  useEffect(() => {
+    if (url) {
+      window.location.href = url;
+    }
+  }, [url]);
+  return (
+    <div className="flex items-center justify-center py-12">
+      Redirecting to post:
+      <a className="ml-1 text-destructive" href={url}>
+        {url}
+      </a>
+    </div>
+  );
+};
+
+export default RedirectContent;
diff --git a/apps/blog/app/[param]/[p2]/page.tsx b/apps/blog/app/[param]/[p2]/page.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..bf300cf1bbb715e26f34be640e6b039c1722131b
--- /dev/null
+++ b/apps/blog/app/[param]/[p2]/page.tsx
@@ -0,0 +1,22 @@
+import { getQueryClient } from '@/blog/lib/react-query';
+import RedirectContent from './content';
+import { getPost } from '@transaction/lib/bridge-api';
+import { dehydrate, Hydrate } from '@tanstack/react-query';
+import { getObserverFromCookies } from '@/blog/lib/auth-utils';
+
+const Page = async ({ params: { param, p2 } }: { params: { param: string; p2: string } }) => {
+  const queryClient = getQueryClient();
+  const username = param.replace('%40', '');
+  const observer = getObserverFromCookies();
+  await queryClient.prefetchQuery({
+    queryKey: ['postData', username, p2],
+    queryFn: () => getPost(username, p2, observer)
+  });
+
+  return (
+    <Hydrate state={dehydrate(queryClient)}>
+      <RedirectContent />
+    </Hydrate>
+  );
+};
+export default Page;
diff --git a/apps/blog/app/[param]/feed/content.tsx b/apps/blog/app/[param]/feed/content.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..2cdf3854b3fb1ff6c37b041877a8b2d0a7d30b70
--- /dev/null
+++ b/apps/blog/app/[param]/feed/content.tsx
@@ -0,0 +1,9 @@
+'use client';
+
+import PostsContent from '@/blog/features/account-profile/posts-content';
+
+const query = 'feed';
+
+const Content = () => <PostsContent query={query} />;
+
+export default Content;
diff --git a/apps/blog/app/[param]/feed/layout.tsx b/apps/blog/app/[param]/feed/layout.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..01c7eff559832db7d8110a24229f0b92b80642b8
--- /dev/null
+++ b/apps/blog/app/[param]/feed/layout.tsx
@@ -0,0 +1,13 @@
+import PageLayout from '@/blog/features/layouts/main-page-layout';
+import ServerSideLayout from '@/blog/features/layouts/sorts/server-side-layout';
+import { ReactNode } from 'react';
+
+const tag = 'feed';
+
+const Layout = ({ children }: { children: ReactNode }) => (
+  <ServerSideLayout>
+    <PageLayout tag={tag}>{children}</PageLayout>
+  </ServerSideLayout>
+);
+
+export default Layout;
diff --git a/apps/blog/app/[param]/feed/page.tsx b/apps/blog/app/[param]/feed/page.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..3ed8728cfd71a284595311135d587da71e980fe4
--- /dev/null
+++ b/apps/blog/app/[param]/feed/page.tsx
@@ -0,0 +1,13 @@
+import PostsPage from '@/blog/features/account-profile/posts-page';
+import Content from './content';
+
+const query = 'feed';
+
+const Page = ({ params }: { params: { param: string } }) => {
+  return (
+    <PostsPage param={params.param} query={query}>
+      <Content />
+    </PostsPage>
+  );
+};
+export default Page;
diff --git a/apps/blog/app/communities/content.tsx b/apps/blog/app/communities/content.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..55a307e89c7de9a22b5d15d574ff09a97c023fd2
--- /dev/null
+++ b/apps/blog/app/communities/content.tsx
@@ -0,0 +1,84 @@
+'use client';
+
+import { useState, KeyboardEvent } from 'react';
+import { useQuery } from '@tanstack/react-query';
+import { Input } from '@ui/components/input';
+import { Icons } from '@ui/components/icons';
+import { Separator } from '@ui/components/separator';
+import CommunitiesSelectFilter from '@/blog/features/communities-list/communities-select-filter';
+import CommunitiesList from '@/blog/features/communities-list/communities-list';
+import { useUser } from '@smart-signer/lib/auth/use-user';
+import Link from 'next/link';
+import env from '@beam-australia/react-env';
+import { getCommunities } from '@transaction/lib/bridge-api';
+import { useTranslation } from '@/blog/i18n/client';
+import { DEFAULT_OBSERVER } from '@/blog/lib/utils';
+
+const CommunitiesContent = () => {
+  const walletHost = env('WALLET_ENDPOINT');
+  const { t } = useTranslation('common_blog');
+  const { user } = useUser();
+  const [sort, setSort] = useState('rank');
+  const [inputQuery, setInputQuery] = useState<string>('');
+  const [query, setQuery] = useState<string | null>();
+  const observer = user.isLoggedIn ? user.username : DEFAULT_OBSERVER;
+  const { data: communitiesData } = useQuery({
+    queryKey: ['communitiesList', sort, query],
+    queryFn: async () => await getCommunities(sort, query, observer)
+  });
+
+  function handleSearchCommunity(e: KeyboardEvent<HTMLInputElement>) {
+    if (e.key === 'Enter') {
+      inputQuery !== '' ? setQuery(inputQuery) : setQuery(null);
+    }
+  }
+
+  function handleChangeFilter(e: string) {
+    setSort(e);
+  }
+
+  return (
+    <>
+      <div className="mt-4 flex items-center justify-between" data-testid="communities-header-title">
+        <span className="text-sm font-medium sm:text-xl" data-testid="communities-header">
+          {t('communities.communities')}
+        </span>
+        {user.isLoggedIn ? (
+          <Link
+            className="text-sm font-medium text-red-600 dark:hover:text-red-800"
+            href={`${walletHost}/@${user.username}/communities`}
+          >
+            Create a Community
+          </Link>
+        ) : null}
+      </div>
+      <div className="mt-4 flex w-full items-center justify-between gap-4" translate="no">
+        <div className="relative w-full max-w-md">
+          <div className="pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3">
+            <Icons.search className="h-5 w-5 rotate-90" />
+          </div>
+          <Input
+            type="search"
+            id="search"
+            value={inputQuery}
+            placeholder={t('communities.search')}
+            autoComplete="off"
+            className="block rounded-full bg-white p-4 pl-10 text-sm dark:bg-background/95 dark:text-white"
+            onChange={(e) => setInputQuery(e.target.value)}
+            onKeyDown={(e) => handleSearchCommunity(e)}
+          />
+        </div>
+        <CommunitiesSelectFilter filter={sort} handleChangeFilter={handleChangeFilter} />
+      </div>
+      <Separator className="my-4" />
+      {communitiesData && communitiesData?.length > 0 ? (
+        <CommunitiesList data={communitiesData} />
+      ) : (
+        <div className="w-full py-4" data-testid="communities-search-no-results-msg">
+          {t('communities.no_results')}
+        </div>
+      )}
+    </>
+  );
+};
+export default CommunitiesContent;
diff --git a/apps/blog/app/communities/layout.tsx b/apps/blog/app/communities/layout.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..55584cd85c8417b3e5d3cf10ed0f11592300468e
--- /dev/null
+++ b/apps/blog/app/communities/layout.tsx
@@ -0,0 +1,13 @@
+import PageLayout from '@/blog/features/layouts/main-page-layout';
+import ServerSideLayout from '@/blog/features/layouts/sorts/server-side-layout';
+import { ReactNode } from 'react';
+
+const Layout = async ({ children }: { children: ReactNode }) => {
+  return (
+    <ServerSideLayout>
+      <PageLayout hidePostsHeader={true}>{children}</PageLayout>
+    </ServerSideLayout>
+  );
+};
+
+export default Layout;
diff --git a/apps/blog/app/communities/page.tsx b/apps/blog/app/communities/page.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..bc706c27e327ef924044d8d34fbef2d5db357d25
--- /dev/null
+++ b/apps/blog/app/communities/page.tsx
@@ -0,0 +1,26 @@
+import CommunitiesContent from './content';
+import { getQueryClient } from '@/blog/lib/react-query';
+import { dehydrate, Hydrate } from '@tanstack/react-query';
+import { getCommunities } from '@transaction/lib/bridge-api';
+import { getObserverFromCookies } from '@/blog/lib/auth-utils';
+
+const sort = 'rank';
+const query = undefined;
+
+const CommunitiesPage = async () => {
+  const observer = getObserverFromCookies();
+  const queryClient = getQueryClient();
+
+  await queryClient.prefetchQuery({
+    queryKey: ['communitiesList', sort, query],
+    queryFn: async () => await getCommunities(sort, query, observer)
+  });
+
+  return (
+    <Hydrate state={dehydrate(queryClient)}>
+      <CommunitiesContent />
+    </Hydrate>
+  );
+};
+
+export default CommunitiesPage;
diff --git a/apps/blog/app/faq.html/page.tsx b/apps/blog/app/faq.html/page.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..1ca108cf9f58e6c9b29ac55c8a810fafd7367fc3
--- /dev/null
+++ b/apps/blog/app/faq.html/page.tsx
@@ -0,0 +1,5 @@
+import StaticContent from '@/blog/features/static-pages/content-component';
+
+const FAQPage = () => <StaticContent filename="faq.md" />;
+
+export default FAQPage;
diff --git a/apps/blog/app/layout.tsx b/apps/blog/app/layout.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..a823dccf7436065535394d8f0ca8eb55e588d169
--- /dev/null
+++ b/apps/blog/app/layout.tsx
@@ -0,0 +1,63 @@
+import '@hive/tailwindcss-config/globals.css';
+import { ReactNode } from 'react';
+import Script from 'next/script';
+import { Metadata } from 'next';
+import { cookies } from 'next/headers';
+import MainBar from '../features/layouts/site-header/main-bar';
+import ClientEffects from '../features/layouts/site-header/client-effects';
+import { Providers } from '../features/layouts/providers';
+
+// Get basePath from build-time environment
+const basePath = process.env.NEXT_PUBLIC_BASE_PATH || '';
+
+const SITE_DESC =
+  'Communities without borders. A social network owned and operated by its users, powered by Hive.';
+
+export const metadata: Metadata = {
+  title: 'Hive',
+  description: SITE_DESC,
+  icons: {
+    icon: '/favicon.ico'
+  },
+  openGraph: {
+    type: 'website',
+    siteName: 'Hive',
+    title: 'Hive',
+    description: SITE_DESC,
+    images: ['https://hive.blog/images/hive-blog-share.png']
+  },
+  twitter: {
+    card: 'summary',
+    site: '@hiveblocks',
+    title: '#Hive.io',
+    description: SITE_DESC,
+    images: ['https://hive.blog/images/hive-blog-twshare.png']
+  },
+  other: {
+    'fb:app_id': 'YOUR_FB_APP_ID'
+  }
+};
+
+export default async function RootLayout({ children }: { children: ReactNode }) {
+  // Server-side locale and language handling
+  const cookieStore = cookies();
+  const locale = cookieStore.get('NEXT_LOCALE')?.value || 'en';
+  const isRTL = locale === 'ar';
+
+  return (
+    <html lang={locale} dir={isRTL ? 'rtl' : 'ltr'}>
+      <body className="bg-background-secondary">
+        <div className="min-h-screen">
+          <Providers>
+            <>
+              <MainBar />
+              <main className="mx-auto">{children}</main>
+            </>
+          </Providers>
+        </div>
+        <Script src={`${basePath}/__ENV.js`} strategy="beforeInteractive" />
+        <ClientEffects />
+      </body>
+    </html>
+  );
+}
diff --git a/apps/blog/app/page.tsx b/apps/blog/app/page.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..389776c743890328ae1e76ef038437127a87961d
--- /dev/null
+++ b/apps/blog/app/page.tsx
@@ -0,0 +1,7 @@
+export default function HomePage() {
+  return (
+    <div>
+      <h1 className="mb-4 text-3xl font-bold">Welcome to Hive Blog</h1>
+    </div>
+  );
+}
diff --git a/apps/blog/app/privacy.html/page.tsx b/apps/blog/app/privacy.html/page.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..d3c22cdfa4417b9002e93d1086b2fe9be955ecae
--- /dev/null
+++ b/apps/blog/app/privacy.html/page.tsx
@@ -0,0 +1,815 @@
+const PrivacyPage = () => {
+  return (
+    <div className="my-12 flex flex-col items-center p-2">
+      <div className="mb-4 max-w-2xl text-sm font-light">
+        <div>
+          <h1 className="mb-4 text-4xl sm:text-6xl">Privacy Policy</h1>
+          <h2 className="mb-4 text-3xl sm:text-5xl">Effective: Oct 7, 2019</h2>
+          <p className="mb-4 ">
+            <span />
+          </p>
+          <p className="mb-4 ">
+            <span>
+              This Privacy Policy describes how this site collects, uses and discloses information, and what
+              choices you have with respect to the information.
+            </span>
+          </p>
+          <p className="mb-4 ">
+            <span>Updates in this version of the Privacy Policy reflect changes in data protection law.</span>
+          </p>
+          <p className="mb-4 ">
+            <span>
+              When we refer to this site’s operator, we mean the entity that acts as the controller of your
+              information.
+            </span>
+          </p>
+          <p className="mb-4 ">
+            <span>
+              By using the Services, you accept the terms of this Policy and our Terms of Service, and consent
+              to our initial collection, use, disclosure, and retention of your information as described in
+              this Policy and Terms of Service.
+            </span>
+          </p>
+          <p className="mb-4 ">
+            <span />
+          </p>
+          <p className="mb-4 ">
+            <span>
+              Please note that this Policy does not apply to information collected through third-party
+              websites or services that you may access through the Services or that you submit to us through
+              email, text message or other electronic message or offline.
+            </span>
+          </p>
+          <p className="mb-4 ">
+            <span />
+          </p>
+          <p className="mb-4 ">
+            <span>
+              If you are visiting this site from the European Union (EU), see our Notice to EU Data Subjects
+              below for our legal bases for processing and transfer of your data.
+            </span>
+          </p>
+          <p className="mb-4 ">
+            <span />
+          </p>
+          <h3 className="mb-4 text-3xl">WHAT WE COLLECT</h3>
+          <p className="mb-4 ">
+            <span />
+          </p>
+          <p className="mb-4 ">
+            <span>We get information about you in a range of ways.</span>
+          </p>
+          <p className="mb-4 ">
+            <span />
+          </p>
+          <p className="mb-4 ">
+            <span>Information You Give Us. Information we collect from you includes:</span>
+          </p>
+          <p className="mb-4 ">
+            <span />
+          </p>
+          <p className="mb-4 ">
+            <span>IP address;</span>
+          </p>
+          <p className="mb-4 ">
+            <span />
+          </p>
+          <p className="mb-4 ">
+            <span>Language information;</span>
+          </p>
+          <p className="mb-4 ">
+            <span />
+          </p>
+          <p className="mb-4 ">
+            <span>Contact information, such as your email address and telephone number;</span>
+          </p>
+          <p className="mb-4 ">
+            <span />
+          </p>
+          <p className="mb-4 ">
+            <span>
+              Information Automatically Collected. We may automatically record certain information about how
+              you use our Site (we refer to this information as &ldquo;Log Data&ldquo;). Log Data may include
+              information such as a user&rsquo;s Internet Protocol (IP) address, device and browser type, and
+              operating system. We use this information to administer and provide access to the Services
+            </span>
+          </p>
+          <p className="mb-4 ">
+            <span />
+          </p>
+          <p className="mb-4 ">
+            <span>
+              Information we will never collect. We will never ask you to share your private keys or wallet
+              seed. Never trust anyone or any site that asks you to enter your private keys or wallet seed.
+            </span>
+          </p>
+          <p className="mb-4 ">
+            <span />
+          </p>
+          <p className="mb-4 ">
+            <span />
+          </p>
+          <h3 className="mb-4 text-3xl">USE OF PERSONAL INFORMATION</h3>
+          <p className="mb-4 ">
+            <span />
+          </p>
+          <p className="mb-4 ">
+            <span>To provide our service we will use your personal information in the following ways:</span>
+          </p>
+          <p className="mb-4 ">
+            <span />
+          </p>
+          <ul className="lst-kix_umcklwsd66fi-0 mb-4 text-3xl">
+            <li className="mb-4  ">
+              <span className="text-sm">• To enable you to access and use the Services</span>
+            </li>
+            <li className="mb-4  ">
+              <span className="text-sm">• To comply with law</span>
+            </li>
+            <li className="mb-4  ">
+              <span className="text-sm">
+                • We use your personal information as we believe necessary or appropriate to comply with
+                applicable laws, lawful requests and legal process, such as to respond to subpoenas or
+                requests from government authorities. &nbsp;
+              </span>
+            </li>
+            <li className="mb-4  ">
+              <span className="text-sm">• For compliance, fraud prevention, and safety</span>
+            </li>
+            <li className="mb-4  ">
+              <span className="text-sm">• Communications</span>
+            </li>
+          </ul>
+          <p className="mb-4 ">
+            <span />
+          </p>
+          <p className="mb-4 ">
+            <span>
+              We may use your personal information to protect, investigate, and deter against fraudulent,
+              unauthorized, or illegal activity.
+            </span>
+          </p>
+          <p className="mb-4 ">
+            <span>
+              We may use your personal information to contact you with newsletters, marketing or promotional
+              materials and other information that may be of interest to you. You may opt out of receiving
+              any, or all, of these communications from us by following the unsubscribe or instructions
+              provided in any email send.
+            </span>
+          </p>
+          <p className="mb-4 ">
+            <span />
+          </p>
+          <h3 className="mb-4 text-3xl">SHARING OF PERSONAL INFORMATION</h3>
+          <p className="mb-4 ">
+            <span />
+          </p>
+          <p className="mb-4 ">
+            <span>
+              We do not share or sell the personal information that you provide us with other organizations
+              without your express consent, except as described in this Privacy Policy. We disclose personal
+              information to third parties under the following circumstances:
+            </span>
+          </p>
+          <p className="mb-4 ">
+            <span />
+          </p>
+          <p className="mb-4 ">
+            <span>
+              Affiliates. We may disclose your personal information to our subsidiaries and corporate
+              affiliates for purposes consistent with this Privacy Policy.
+            </span>
+          </p>
+          <p className="mb-4 ">
+            <span />
+          </p>
+          <p className="mb-4 ">
+            <span>
+              Business Transfers. We may share personal information when we do a business deal, or negotiate a
+              business deal, involving the sale or transfer of all or a part of our business or assets. These
+              deals can include any merger, financing, acquisition, or bankruptcy transaction or proceeding.
+            </span>
+          </p>
+          <p className="mb-4 ">
+            <span />
+          </p>
+          <p className="mb-4 ">
+            <span>
+              Compliance with Laws and Law Enforcement; Protection and Safety. We may share personal
+              information for legal, protection, and safety purposes.
+            </span>
+          </p>
+          <p className="mb-4 ">
+            <span />
+          </p>
+          <p className="mb-4 ">
+            <span>We may share information to comply with laws.</span>
+          </p>
+          <p className="mb-4 ">
+            <span />
+          </p>
+          <p className="mb-4 ">
+            <span>We may share information to respond to lawful requests and legal processes.</span>
+          </p>
+          <p className="mb-4 ">
+            <span />
+          </p>
+          <p className="mb-4 ">
+            <span>
+              Professional Advisors and Service Providers. We may share information with those who need it to
+              do work for us. These recipients may include third party companies and individuals to administer
+              and provide the Service on our behalf (such as customer support, hosting, email delivery and
+              database management services), as well as lawyers, bankers, auditors, and insurers.
+            </span>
+          </p>
+          <p className="mb-4 ">
+            <span>
+              Other. You may permit us to share your personal information with other companies or entities of
+              your choosing. Those uses will be subject to the privacy policies of the recipient entity or
+              entities.
+            </span>
+          </p>
+          <p className="mb-4 ">
+            <span />
+          </p>
+          <p className="mb-4 ">
+            <span>We may also share aggregated and/or anonymized data with others for their own uses.</span>
+          </p>
+          <p className="mb-4 ">
+            <span />
+          </p>
+          <h3 className="mb-4 text-3xl">INTERNATIONAL TRANSFER</h3>
+          <p className="mb-4 ">
+            <span />
+          </p>
+          <p className="mb-4 ">
+            <span>
+              The Company has offices outside of the EU and has affiliates and service providers in the United
+              States and in other countries. Your personal information may be transferred to or from the
+              United States or other locations outside of your state, province, country or other governmental
+              jurisdiction where privacy laws may not be as protective as those in your jurisdiction.
+            </span>
+          </p>
+          <p className="mb-4 ">
+            <span />
+          </p>
+          <p className="mb-4 ">
+            <span>
+              EU users should read the important information provided &nbsp;below about transfer of personal
+              information outside of the European Economic Area (EEA).
+            </span>
+          </p>
+          <p className="mb-4 ">
+            <span />
+          </p>
+          <h3 className="mb-4 text-3xl">HOW INFORMATION IS SECURED</h3>
+          <p className="mb-4 ">
+            <span />
+          </p>
+          <p className="mb-4 ">
+            <span>
+              We retain information we collect as long as it is necessary and relevant to fulfill the purposes
+              outlined in this privacy policy. In addition, we retain personal information to comply with
+              applicable law where required, prevent fraud, resolve disputes, troubleshoot problems, assist
+              with any investigation, enforce our Terms of Service, and other actions permitted by law. To
+              determine the appropriate retention period for personal information, we consider the amount,
+              nature, and sensitivity of the personal information, the potential risk of harm from
+              unauthorized use or disclosure of your personal information, the purposes for which we process
+              your personal information and whether we can achieve those purposes through other means, and the
+              applicable legal requirements.
+            </span>
+          </p>
+          <p className="mb-4 ">
+            <span />
+          </p>
+          <p className="mb-4 ">
+            <span>
+              In some circumstances we may anonymize your personal information (so that it can no longer be
+              associated with you) in which case we may use this information indefinitely without further
+              notice to you. &nbsp;{' '}
+            </span>
+          </p>
+          <p className="mb-4 ">
+            <span />
+          </p>
+          <p className="mb-4 ">
+            <span>
+              We employ industry standard security measures designed to protect the security of all
+              information submitted through the Services. However, the security of information transmitted
+              through the internet can never be guaranteed. We are not responsible for any interception or
+              interruption of any communications through the internet or for changes to or losses of data.
+              Users of the Services are responsible for maintaining the security of any password, user ID or
+              other form of authentication involved in obtaining access to password protected or secure areas
+              of any of our digital services.
+            </span>
+          </p>
+          <p className="mb-4 ">
+            <span />
+          </p>
+          <p className="mb-4 ">
+            <span />
+          </p>
+          <h3 className="mb-4 text-3xl">INFORMATION CHOICES AND CHANGES</h3>
+          <p className="mb-4 ">
+            <span />
+          </p>
+          <p className="mb-4 ">
+            <span>Accessing, Updating, Correcting, and Deleting your Information</span>
+          </p>
+          <p className="mb-4 ">
+            <span />
+          </p>
+          <p className="mb-4 ">
+            <span>
+              You may access information that you have voluntarily provided through your account on the
+              Services, and review, correct, or delete it.
+            </span>
+            <span>.</span>
+          </p>
+          <p className="mb-4 ">
+            <span />
+          </p>
+          <h3 className="mb-4 text-3xl">CONTACT INFORMATION.</h3>
+          <p className="mb-4 ">
+            <span>
+              &nbsp;We welcome your comments or questions about this Policy, and you may contact us at:
+              privacy@hive.io.
+            </span>
+          </p>
+          <p className="mb-4 ">
+            <span />
+          </p>
+          <h3 className="mb-4 text-3xl">CHANGES TO THIS PRIVACY POLICY.</h3>
+          <p className="mb-4 ">
+            <span>
+              &nbsp;We may change this privacy policy at any time. We encourage you to periodically review
+              this page for the latest information on our privacy practices. If we make any changes, we will
+              change the Last Updated date above.
+            </span>
+          </p>
+          <p className="mb-4 ">
+            <span />
+          </p>
+          <p className="mb-4 ">
+            <span>
+              Any modifications to this Privacy Policy will be effective upon our posting of the new terms
+              and/or upon implementation of the changes to the Site (or as otherwise indicated at the time of
+              posting). In all cases, your continued use of the the Site or Services after the posting of any
+              modified Privacy Policy indicates your acceptance of the terms of the modified Privacy Policy.
+            </span>
+          </p>
+          <p className="mb-4 ">
+            <span />
+          </p>
+          <h3 className="mb-4 text-3xl">ELIGIBILITY</h3>
+          <p className="mb-4 ">
+            <span />
+          </p>
+          <p className="mb-4 ">
+            <span>
+              If you are under the age of majority in your jurisdiction of residence, you may use the Services
+              only with the consent of or under the supervision of your parent or legal guardian. Consistent
+              with the requirements of the Children&#39;s Online Privacy Protection Act (COPPA), if we learn
+              that we have received any information directly from a child under age 13 without first receiving
+              his or her parent&#39;s verified consent, we will use that information only to respond directly
+              to that child (or his or her parent or legal guardian) to inform the child that he or she cannot
+              use the Site and subsequently we will delete that information.
+            </span>
+          </p>
+          <p className="mb-4 ">
+            <span />
+          </p>
+          <h3 className="mb-4 text-3xl">NOTICE TO CALIFORNIA RESIDENTS</h3>
+          <p className="mb-4 ">
+            <span />
+          </p>
+          <p className="mb-4 ">
+            <span>
+              Under California Civil Code Section 1789.3, California users are entitled to the following
+              consumer rights notice: California residents may reach the Complaint Assistance Unit of the
+              Division of Consumer Services of the California Department of Consumer Affairs by mail at 1625
+              North Market Blvd., Sacramento, CA 95834, or by telephone at (916) 445-1254 or (800) 952-5210.
+            </span>
+          </p>
+          <p className="mb-4 ">
+            <span />
+          </p>
+          <h3 className="mb-4 text-3xl">NOTICE TO EU DATA SUBJECTS</h3>
+          <p className="mb-4 ">
+            <span />
+          </p>
+          <p className="mb-4 ">
+            <span />
+          </p>
+          <p className="mb-4 ">
+            <span className="mb-4 text-3xl">Personal Information</span>
+          </p>
+          <p className="mb-4 ">
+            <span />
+          </p>
+          <p className="mb-4 ">
+            <span>
+              With respect to EU data subjects, &ldquo;personal information,&rdquo; as used in this Privacy
+              Policy, is equivalent to &ldquo;personal data&rdquo; as defined in the European Union General
+              Data Protection Regulation (GDPR).
+            </span>
+          </p>
+          <p className="mb-4 ">
+            <span />
+          </p>
+          <p className="mb-4 ">
+            <span />
+          </p>
+          <p className="mb-4 ">
+            <span className="3 0 mb-4">Legal Bases for Processing</span>
+          </p>
+          <p className="mb-4 ">
+            <span />
+          </p>
+          <p className="mb-4 ">
+            <span>
+              We only use your personal information as permitted by law. We are required to inform you of the
+              legal bases of our processing of your personal information, which are described in the table
+              below. If you have questions about the legal bases under which we process your personal
+              information, contact us at legal@hive.io.
+            </span>
+          </p>
+          <p className="mb-4 ">
+            <span />
+          </p>
+          <p className="mb-4 ">
+            <span className="mb-4 text-3xl">Processing Purpose</span>
+          </p>
+          <p className="mb-4 ">
+            <span />
+          </p>
+          <ul className="lst-kix_5gmcovz1lhm4-0 mb-4 text-3xl">
+            <li className="mb-4  ">
+              <span className="text-sm">• Legal Basis</span>
+            </li>
+            <li className="mb-4  ">
+              <span className="text-sm">• For compliance, fraud prevention, and safety</span>
+            </li>
+            <li className="mb-4  ">
+              <span className="text-sm">• To provide our service</span>
+            </li>
+          </ul>
+          <p className="mb-4 ">
+            <span />
+          </p>
+          <p className="mb-4 ">
+            <span />
+          </p>
+          <p className="mb-4 ">
+            <span>
+              These processing activities constitute our legitimate interests. We make sure we consider and
+              balance any potential impacts on you (both positive and negative) and your rights before we
+              process your personal information for our legitimate interests. We do not use your personal
+              information for activities where our interests are overridden by any adverse impact on you
+              (unless we have your consent or are otherwise required or permitted to by law).
+            </span>
+          </p>
+          <p className="mb-4 ">
+            <span />
+          </p>
+          <p className="mb-4 ">
+            <span className="0  mb-4">With your consent</span>
+          </p>
+          <p className="mb-4 ">
+            <span />
+          </p>
+          <p className="mb-4 ">
+            <span>
+              Where our use of your personal information is based upon your consent, you have the right to
+              withdraw it anytime in the manner indicated in the Service or by contacting us at
+              privacy@hive.io
+            </span>
+          </p>
+          <p className="mb-4 ">
+            <span />
+          </p>
+          <p className="mb-4 ">
+            <span className="mb-4 text-3xl">Use for New Purposes</span>
+          </p>
+          <p className="mb-4 ">
+            <span />
+          </p>
+          <p className="mb-4 ">
+            <span>
+              We may use your personal information for reasons not described in this Privacy Policy, where we
+              are permitted by law to do so and where the reason is compatible with the purpose for which we
+              collected it. If we need to use your personal information for an unrelated purpose, we will
+              notify you and explain the applicable legal basis for that use. If we have relied upon your
+              consent for a particular use of your personal information, we will seek your consent for any
+              unrelated purpose.
+            </span>
+          </p>
+          <p className="mb-4 ">
+            <span />
+          </p>
+          <p className="mb-4 ">
+            <span className="mb-4 text-3xl">Your Rights</span>
+          </p>
+          <p className="mb-4 ">
+            <span />
+          </p>
+          <p className="mb-4 ">
+            <span>
+              Under the GDPR, you have certain rights regarding your personal information. You may ask us to
+              take the following actions in relation to your personal information that we hold:
+            </span>
+          </p>
+          <p className="mb-4 ">
+            <span />
+          </p>
+          <p className="mb-4 ">
+            <span className="mb-4 ">Opt-out</span>
+            <span>
+              . Stop sending you direct marketing communications which you have previously consented to
+              receive. We may continue to send you Service-related and other non-marketing communications.
+            </span>
+          </p>
+          <p className="mb-4 ">
+            <span />
+          </p>
+          <p className="mb-4 ">
+            <span className="mb-4 ">Access</span>
+            <span>
+              . Provide you with information about our processing of your personal information and give you
+              access to your personal information.
+            </span>
+          </p>
+          <p className="mb-4 ">
+            <span />
+          </p>
+          <p className="mb-4 ">
+            <span className="mb-4 ">Correct</span>
+            <span>. Update or correct inaccuracies in your personal information.</span>
+          </p>
+          <p className="mb-4 ">
+            <span />
+          </p>
+          <p className="mb-4 ">
+            <span className="mb-4 ">Delete</span>
+            <span>. Delete your personal information.</span>
+          </p>
+          <p className="mb-4 ">
+            <span />
+          </p>
+          <p className="mb-4 ">
+            <span className="mb-4 ">Transfer</span>
+            <span>
+              . Transfer a machine-readable copy of your personal information to you or a third party of your
+              choice.
+            </span>
+          </p>
+          <p className="mb-4 ">
+            <span />
+          </p>
+          <p className="mb-4 ">
+            <span className="mb-4 ">Restrict</span>
+            <span>. Restrict the processing of your personal information.</span>
+          </p>
+          <p className="mb-4 ">
+            <span />
+          </p>
+          <p className="mb-4 ">
+            <span className="mb-4 ">Object</span>
+            <span>
+              . Object to our reliance on our legitimate interests as the basis of our processing of your
+              personal information that impacts your rights.
+            </span>
+          </p>
+          <p className="mb-4 ">
+            <span />
+          </p>
+          <p className="mb-4 ">
+            <span>
+              You can submit these requests by email to privacy@hive.io. We may request specific information
+              from you to help us confirm your identity and process your request. Applicable law may require
+              or permit us to decline your request. If we decline your request, we will tell you why, subject
+              to legal restrictions. If you would like to submit a complaint about our use of your personal
+              information or response to your requests regarding your personal information, you may contact us
+              at privacy@hive.io or submit a complaint to the data protection regulator in your jurisdiction.
+            </span>
+            <span>.</span>
+          </p>
+          <p className="mb-4 ">
+            <span />
+          </p>
+          <p className="mb-4 ">
+            <span className="mb-4 text-3xl">Cross-Border Data Transfer</span>
+          </p>
+          <p className="mb-4 ">
+            <span />
+          </p>
+          <p className="mb-4 ">
+            <span>
+              Please be aware that your personal data will be transferred to, processed, and stored in the
+              United States. Data protection laws in the U.S. may be different from those in your country of
+              residence. You consent to the transfer of your information, including personal information, to
+              the U.S. as set forth in this Privacy Policy by visiting our site or using our service.
+            </span>
+          </p>
+          <p className="mb-4 ">
+            <span />
+          </p>
+          <p className="mb-4 ">
+            <span>
+              Whenever we transfer your personal information out of the EEA to the U.S. or countries not
+              deemed by the European Commission to provide an adequate level of personal information
+              protection, the transfer will be based on a data transfer mechanism recognized by the European
+              Commission as providing adequate protection for personal information.
+            </span>
+          </p>
+          <p className="mb-4 ">
+            <span />
+          </p>
+          <p className="mb-4 ">
+            <span>
+              Please contact us if you want further information on the specific mechanism used by us when
+              transferring your personal information out of the EEA.
+            </span>
+          </p>
+          <p className="mb-4 ">
+            <span />
+          </p>
+          <p className="mb-4 ">
+            <span className="mb-4 text-3xl">Why do we use Cookies?</span>
+          </p>
+          <p className="mb-4 ">
+            <span />
+          </p>
+          <p className="mb-4 ">
+            <span>We generally use Cookies for the following purposes:</span>
+          </p>
+          <p className="mb-4 ">
+            <span />
+          </p>
+          <ul className="mb-4  text-3xl">
+            <li className="mb-4  ">
+              <span className="text-sm">
+                • To allow registered users to stay logged in to the site after they close their browser
+                window;
+              </span>
+            </li>
+            <li className="mb-4  ">
+              <span className="text-sm">• To store users&#39; preferences for site functionality; and</span>
+            </li>
+            <li className="mb-4  ">
+              <span className="text-sm">
+                • To track site usage so we can improve our site &amp; better understand how people are using
+                it
+              </span>
+            </li>
+            <li className="mb-4  ">
+              <span className="text-sm">
+                • To better understand the interests of our customers and our website visitors.
+              </span>
+            </li>
+          </ul>
+          <p className="mb-4 ">
+            <span />
+          </p>
+          <p className="mb-4 ">
+            <span>
+              Some Cookies are necessary for certain uses of the Site, and without such Cookies, we would not
+              be able to provide many services that you need to properly use the Site. These Cookies, for
+              example, allow us to operate our Site so you may access it as you have requested and let us
+              recognize that you have created an account and have logged into that account to access Site
+              content. They also include Cookies that enable us to remember your previous actions within the
+              same browsing session and secure our Sites. &nbsp;
+            </span>
+          </p>
+          <p>
+            <span />
+          </p>
+          <p className="mb-4 ">
+            <span>
+              We also use functional Cookies and Cookies from third parties for analysis and marketing
+              purposes. &nbsp;Functional Cookies enable certain parts of the site to work properly and your
+              user preferences to remain known. &nbsp;Analysis Cookies, among other things, collect
+              information on how visitors use our Site, the content and products that users view most
+              frequently, and the effectiveness of our third party advertising. Advertising Cookies assist in
+              delivering ads to relevant audiences and having our ads appear at the top of search results.
+              Cookies are either &ldquo;session&rdquo; Cookies which are deleted when you end your browser
+              session, or &ldquo;persistent,&rdquo; which remain until their deletion by you (discussed below)
+              or the party who served the cookie. &nbsp;Full details on all of the Cookies used on the Site
+              are available at our Cookie Disclosure table below.
+            </span>
+          </p>
+          <p className="mb-4 ">
+            <span />
+          </p>
+          <p className="mb-4 ">
+            <span className="mb-4 text-3xl">How to disable Cookies. </span>
+          </p>
+          <p className="mb-4 ">
+            <span>
+              You can generally activate or later deactivate the use of cookies through a functionality built
+              into your web browser. To learn more about how to control
+            </span>
+            <span>&nbsp;cookie settings through your browser:</span>
+          </p>
+          <p className="mb-4 ">
+            <span />
+          </p>
+          <p className="mb-4 ">
+            <span>Click </span>
+            <span className="c12  mb-4">
+              <a
+                className="mb-4 text-sm text-red-600"
+                href="https://www.google.com/url?q=https://support.mozilla.org/en-US/kb/enable-and-disable-cookies-website-preferences&amp;sa=D&amp;ust=1527292847109000"
+              >
+                here
+              </a>
+            </span>
+            <span>
+              &nbsp;to learn more about the &ldquo;Private Browsing&rdquo; setting and managing cookie
+              settings in Firefox;
+            </span>
+          </p>
+          <p className="mb-4 ">
+            <span />
+          </p>
+          <p className="mb-4 ">
+            <span>Click </span>
+            <span className="c12  mb-4">
+              <a
+                className="mb-4 text-sm text-red-600"
+                href="https://www.google.com/url?q=https://support.google.com/chrome/answer/95647?hl%3Den&amp;sa=D&amp;ust=1527292847109000"
+              >
+                here
+              </a>
+            </span>
+            <span>
+              &nbsp;to learn more about &ldquo;Incognito&rdquo; and managing cookie settings in Chrome;
+            </span>
+          </p>
+          <p className="mb-4 ">
+            <span />
+          </p>
+          <p className="mb-4 ">
+            <span>Click </span>
+            <span className="c12  mb-4">
+              <a
+                className="mb-4 text-sm text-red-600"
+                href="https://www.google.com/url?q=https://support.microsoft.com/en-us/help/17442/windows-internet-explorer-delete-manage-cookies&amp;sa=D&amp;ust=1527292847110000"
+              >
+                here
+              </a>
+            </span>
+            <span>
+              &nbsp;to learn more about &ldquo;InPrivate&rdquo; and managing cookie settings in Internet
+              Explorer; or
+            </span>
+          </p>
+          <p className="mb-4 ">
+            <span />
+          </p>
+          <p className="mb-4 ">
+            <span>Click </span>
+            <span className="c12  mb-4">
+              <a
+                className="mb-4 text-sm text-red-600"
+                href="https://www.google.com/url?q=https://support.apple.com/kb/ph21411?locale%3Den_US&amp;sa=D&amp;ust=1527292847110000"
+              >
+                here
+              </a>
+            </span>
+            <span>
+              &nbsp;to learn more about &ldquo;Private Browsing&rdquo; and managing cookie settings in Safari.
+            </span>
+          </p>
+          <p className="mb-4 ">
+            <span />
+          </p>
+          <p className="mb-4 ">
+            <span>
+              If you want to learn more about cookies, or how to control, disable or delete them, please visit
+              http://www.aboutcookies.org for detailed guidance. In addition, certain third party advertising
+              networks, including Google, permit users to opt out of or customize preferences associated with
+              your internet browsing.
+            </span>
+          </p>
+          <p className="mb-4 ">
+            <span />
+          </p>
+          <p className="mb-4 ">
+            <span>
+              We may link the information collected by Cookies with other information we collect from you
+              pursuant to this Privacy Policy and use the combined information as set forth herein.
+              &nbsp;Similarly, the third parties who serve cookies on our Site may link your name or email
+              address to other information they collect, which may include past purchases made offline or
+              online, or your online usage information. If you are located in the European Economic Area, you
+              have certain rights that are described above under the header &ldquo;Notice to EU Data
+              Subjects&rdquo;, including the right to inspect and correct or delete the data that we have
+              about you.
+            </span>
+          </p>
+        </div>
+      </div>
+    </div>
+  );
+};
+export default PrivacyPage;
diff --git a/apps/blog/app/search/content.tsx b/apps/blog/app/search/content.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..efd9a1597f7c6c3a083c9628c34b74f637b35690
--- /dev/null
+++ b/apps/blog/app/search/content.tsx
@@ -0,0 +1,63 @@
+'use client';
+
+import AccountTopicResult from '@/blog/features/search/account-topic-result';
+import AIResult from '@/blog/features/search/ai-result';
+import { DEFAULT_PREFERENCES, Preferences } from '@/blog/lib/utils';
+import { useUserClient } from '@smart-signer/lib/auth/use-user-client';
+import { useQuery } from '@tanstack/react-query';
+import { getHiveSenseStatus } from '@transaction/lib/hivesense-api';
+import { ModeSwitchInput } from '@ui/components/mode-switch-input';
+import { SearchSort } from '@ui/hooks/use-search';
+import { useLocalStorage } from 'usehooks-ts';
+
+interface SearchContentProps {
+  aiParam: string | undefined;
+  classicQuery: string | undefined;
+  userTopicQuery: string | undefined;
+  topicQuery: string | undefined;
+  sortQuery: SearchSort | undefined;
+}
+
+const SearchContent = ({
+  aiParam,
+  classicQuery,
+  userTopicQuery,
+  topicQuery,
+  sortQuery
+}: SearchContentProps) => {
+  const { data: hiveSense } = useQuery({
+    queryKey: ['hivesense-api'],
+    queryFn: () => getHiveSenseStatus(),
+    refetchOnWindowFocus: false,
+    refetchOnMount: false
+  });
+  console.log('hiveSense data:', aiParam, classicQuery, userTopicQuery, topicQuery, sortQuery);
+  const { user } = useUserClient();
+  const [preferences] = useLocalStorage<Preferences>(
+    `user-preferences-${user.username}`,
+    DEFAULT_PREFERENCES
+  );
+  return (
+    <div className="m-auto flex max-w-4xl flex-col gap-12 px-4 py-8">
+      <div className="flex flex-col gap-4">
+        <div className="w-full">
+          <ModeSwitchInput searchPage aiAvailable={!!hiveSense} />
+        </div>
+      </div>
+      {!!aiParam ? <AIResult query={aiParam} nsfwPreferences={preferences.nsfw} /> : null}
+      {!!classicQuery && !!sortQuery ? (
+        <AccountTopicResult nsfwPreferences={preferences.nsfw} query={classicQuery} sort={sortQuery} />
+      ) : null}
+      {!!userTopicQuery && !!topicQuery && !!sortQuery ? (
+        <AccountTopicResult
+          author={userTopicQuery}
+          query={userTopicQuery}
+          sort={sortQuery}
+          nsfwPreferences={preferences.nsfw}
+        />
+      ) : null}
+    </div>
+  );
+};
+
+export default SearchContent;
diff --git a/apps/blog/app/search/page.tsx b/apps/blog/app/search/page.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..df8f0eb109ec42233aff0083a7f4b0c62ea8660d
--- /dev/null
+++ b/apps/blog/app/search/page.tsx
@@ -0,0 +1,96 @@
+import { SearchSort } from '@ui/hooks/use-search';
+import SearchContent from './content';
+import { dehydrate, Hydrate } from '@tanstack/react-query';
+import { getQueryClient } from '@/blog/lib/react-query';
+import { searchPosts } from '@transaction/lib/hivesense-api';
+import { getByText } from '@transaction/lib/hive-api';
+import { getObserverFromCookies } from '@/blog/lib/auth-utils';
+
+interface SearchPageProps {
+  searchParams: { [key: string]: string | string[] | undefined };
+}
+
+const SearchPage = ({ searchParams }: SearchPageProps) => {
+  const aiParam = searchParams.ai as string | undefined;
+  const classicQuery = searchParams.q as string | undefined;
+  const userTopicQuery = searchParams.a as string | undefined;
+  const topicQuery = searchParams.p as string | undefined;
+  const sortQuery = searchParams.s as SearchSort | undefined;
+
+  const queryClient = getQueryClient();
+  const observer = getObserverFromCookies();
+  if (aiParam) {
+    queryClient.prefetchQuery({
+      queryKey: ['searchPosts', aiParam],
+      queryFn: async () => {
+        return await searchPosts({
+          query: aiParam,
+          observer,
+          result_limit: 1000,
+          full_posts: 20
+        });
+      }
+    });
+  }
+  if (classicQuery && sortQuery) {
+    queryClient.prefetchInfiniteQuery({
+      queryKey: ['similarPosts', classicQuery, undefined, sortQuery],
+      queryFn: async ({ pageParam }: { pageParam?: { author: string; permlink: string } }) => {
+        return await getByText({
+          pattern: classicQuery,
+          observer,
+          start_permlink: pageParam?.permlink ?? '',
+          start_author: pageParam?.author ?? '',
+          limit: 20,
+          sort: sortQuery
+        });
+      },
+      getNextPageParam: (lastPage) => {
+        if (lastPage && lastPage.length === 20) {
+          return {
+            author: lastPage[lastPage.length - 1].author,
+            permlink: lastPage[lastPage.length - 1].permlink
+          };
+        }
+      }
+    });
+  }
+  if (userTopicQuery && topicQuery && sortQuery) {
+    queryClient.prefetchInfiniteQuery({
+      queryKey: ['similarPosts', topicQuery, userTopicQuery, sortQuery],
+      queryFn: async ({ pageParam }: { pageParam?: { author: string; permlink: string } }) => {
+        return await getByText({
+          pattern: topicQuery,
+          author: userTopicQuery,
+          observer,
+          start_permlink: pageParam?.permlink ?? '',
+          start_author: pageParam?.author ?? '',
+          limit: 20,
+          sort: sortQuery
+        });
+      },
+      getNextPageParam: (lastPage) => {
+        if (lastPage && lastPage.length === 20) {
+          return {
+            author: lastPage[lastPage.length - 1].author,
+            permlink: lastPage[lastPage.length - 1].permlink
+          };
+        }
+      }
+    });
+  }
+
+  return (
+    <Hydrate state={dehydrate(queryClient)}>
+      <SearchContent
+        aiParam={aiParam}
+        classicQuery={classicQuery}
+        userTopicQuery={userTopicQuery}
+        topicQuery={topicQuery}
+        sortQuery={sortQuery}
+      />
+    </Hydrate>
+  );
+};
+
+export default SearchPage;
diff --git a/apps/blog/pages/submit.html.tsx b/apps/blog/app/submit.html/content.tsx
similarity index 52%
rename from apps/blog/pages/submit.html.tsx
rename to apps/blog/app/submit.html/content.tsx
index 4462f2115d609f959a11d5e08ebc8485e7122423..060cc31b34f874b59cba3d1c4da7275feef52a32 100644
--- a/apps/blog/pages/submit.html.tsx
+++ b/apps/blog/app/submit.html/content.tsx
@@ -1,30 +1,20 @@
-import { GetServerSideProps } from 'next';
-import { useUser } from '@smart-signer/lib/auth/use-user';
-import PostForm from '../components/post-form';
-import { useState, useEffect } from 'react';
-import { getDefaultProps } from '../lib/get-translations';
-import { useTranslation } from 'next-i18next';
-import Head from 'next/head';
-import PostingLoader from '../components/posting-loader';
+'use client';
 
-export const getServerSideProps: GetServerSideProps = getDefaultProps;
+import PostForm from '@/blog/features/post-editor/post-form';
+import PostingLoader from '@/blog/features/post-editor/posting-loader';
+import { useTranslation } from '@/blog/i18n/client';
+import { useUser } from '@smart-signer/lib/auth/use-user';
+import { useState } from 'react';
 
-const TAB_TITLE = 'Create a post - Hive';
-function Submit() {
+const SubmitContent = () => {
   const { t } = useTranslation('common_blog');
-  const [isClient, setIsClient] = useState(false);
-  const [isSubmitting, setIsSubmitting] = useState(false);
-  useEffect(() => {
-    setIsClient(true);
-  }, []);
   const { user } = useUser();
+  const [isSubmitting, setIsSubmitting] = useState(false);
+
   return (
     <>
-      <Head>
-        <title>{TAB_TITLE}</title>
-      </Head>
       <div className="px-4 py-8">
-        {isClient && user?.username ? (
+        {user?.username ? (
           <PostForm
             username={user.username}
             editMode={false}
@@ -43,6 +33,6 @@ function Submit() {
       <PostingLoader isSubmitting={isSubmitting} />
     </>
   );
-}
+};
 
-export default Submit;
+export default SubmitContent;
diff --git a/apps/blog/app/submit.html/page.tsx b/apps/blog/app/submit.html/page.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..0b7f8669d13b9e88f5cc288f141e0fc17fb1a0c3
--- /dev/null
+++ b/apps/blog/app/submit.html/page.tsx
@@ -0,0 +1,6 @@
+import SubmitContent from './content';
+
+const SubmitPage = () => {
+  return <SubmitContent />;
+};
+export default SubmitPage;
diff --git a/apps/blog/app/tos.html/page.tsx b/apps/blog/app/tos.html/page.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..8f56b5127e89888d287994aaea59b103a872e684
--- /dev/null
+++ b/apps/blog/app/tos.html/page.tsx
@@ -0,0 +1,5 @@
+import StaticContent from '@/blog/features/static-pages/content-component';
+
+const TOSPage = () => <StaticContent filename="tos.md" />;
+
+export default TOSPage;
diff --git a/apps/blog/app/welcome/page.tsx b/apps/blog/app/welcome/page.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..d133a1530aa6d0065e45ed335273be2d2bface4d
--- /dev/null
+++ b/apps/blog/app/welcome/page.tsx
@@ -0,0 +1,5 @@
+import StaticContent from '@/blog/features/static-pages/content-component';
+
+const WelcomePage = () => <StaticContent filename="welcome.md" />;
+
+export default WelcomePage;
diff --git a/apps/blog/components/base-path-link.tsx b/apps/blog/components/base-path-link.tsx
index df03a01c66d46842e324ba182410aae58c7f1115..b32fd77b6f5723dbf4a887fcd7b817338dd8dde6 100644
--- a/apps/blog/components/base-path-link.tsx
+++ b/apps/blog/components/base-path-link.tsx
@@ -1,5 +1,4 @@
 import Link from 'next/link';
-import { useRouter } from 'next/router';
 import { MouseEvent, ReactNode } from 'react';
 
 interface BasePathLinkProps {
@@ -9,6 +8,7 @@ interface BasePathLinkProps {
   'data-testid'?: string;
   prefetch?: boolean;
 }
+const basePath = process.env.NEXT_PUBLIC_BASE_PATH || '';
 
 /**
  * Custom Link component that handles basePath navigation issues with catch-all routes.
@@ -16,9 +16,13 @@ interface BasePathLinkProps {
  * it forces a full page reload when using basePath to ensure getServerSideProps
  * is called and the correct page type is rendered.
  */
-const BasePathLink = ({ href, children, className, 'data-testid': dataTestId, prefetch = true }: BasePathLinkProps) => {
-  const router = useRouter();
-
+const BasePathLink = ({
+  href,
+  children,
+  className,
+  'data-testid': dataTestId,
+  prefetch = true
+}: BasePathLinkProps) => {
   const handleClick = (e: MouseEvent<HTMLAnchorElement>) => {
     // Force full page reload for certain link types when using basePath
     // This ensures getServerSideProps runs and the correct page component is rendered
@@ -26,25 +30,26 @@ const BasePathLink = ({ href, children, className, 'data-testid': dataTestId, pr
     const needsReload = href.startsWith('/@') || href.includes('/#@');
 
     // Also force reload for static pages to avoid intermittent navigation failures
-    const isStaticPage = href === '/welcome' || href === '/faq.html' || href === '/privacy.html' || href === '/tos.html';
+    const isStaticPage =
+      href === '/welcome' || href === '/faq.html' || href === '/privacy.html' || href === '/tos.html';
 
-    if ((needsReload || isStaticPage) && router.basePath) {
+    if ((needsReload || isStaticPage) && basePath) {
       e.preventDefault();
       // Force a full page reload
-      // router.basePath already includes the basePath from next.config.js
-      const fullPath = router.basePath + href;
+      // basePath already includes the basePath from next.config.js
+      const fullPath = basePath + href;
       console.log('BasePathLink forcing reload:', {
         href,
-        basePath: router.basePath,
+        basePath: basePath,
         fullPath
       });
       window.location.href = fullPath;
     }
   };
-  
+
   return (
-    <Link 
-      href={href} 
+    <Link
+      href={href}
       className={className}
       data-testid={dataTestId}
       prefetch={prefetch}
@@ -55,4 +60,4 @@ const BasePathLink = ({ href, children, className, 'data-testid': dataTestId, pr
   );
 };
 
-export default BasePathLink;
\ No newline at end of file
+export default BasePathLink;
diff --git a/apps/blog/components/common/layout.tsx b/apps/blog/components/common/layout.tsx
deleted file mode 100644
index 2880bf5872d8b556e392dbd15cca50257b759217..0000000000000000000000000000000000000000
--- a/apps/blog/components/common/layout.tsx
+++ /dev/null
@@ -1,40 +0,0 @@
-import { ReactNode, useEffect, useState } from 'react';
-import Head from 'next/head';
-import { Toaster } from '@ui/components/toaster';
-import { useTheme } from 'next-themes';
-import { TailwindIndicator } from '../tailwind-indicator';
-import SiteHeader from '../site-header';
-import { ModalContainer } from '@smart-signer/components/modal-container';
-import RocketChatWidget from '../rocket-chat-widget';
-import { siteConfig } from '@ui/config/site';
-
-interface LayoutProps {
-  children: ReactNode;
-}
-
-function Layout({ children }: LayoutProps) {
-  const { resolvedTheme } = useTheme();
-
-  const [isClient, setIsClient] = useState(false);
-  useEffect(() => {
-    setIsClient(true);
-  }, []);
-
-  return (
-    <>
-      <Head>
-        <meta name="theme-color" content={resolvedTheme === 'dark' ? '#030711' : '#ffffff'} />
-      </Head>
-      <div className="relative flex min-h-screen flex-col">
-        <SiteHeader />
-        <div className="flex-1 bg-background-secondary">{children}</div>
-      </div>
-      {isClient && siteConfig.openhiveChatIframeIntegrationEnable === 'yes' && <RocketChatWidget />}
-      <ModalContainer />
-      <Toaster />
-      <TailwindIndicator />
-    </>
-  );
-}
-
-export default Layout;
diff --git a/apps/blog/components/common/profile-layout.tsx b/apps/blog/components/common/profile-layout.tsx
deleted file mode 100644
index 4ab8c68ec7b200ecd6eba416c1c9d5632db816d4..0000000000000000000000000000000000000000
--- a/apps/blog/components/common/profile-layout.tsx
+++ /dev/null
@@ -1,440 +0,0 @@
-import React, { useEffect, useState } from 'react';
-import Link from 'next/link';
-import BasePathLink from '@/blog/components/base-path-link';
-import { useRouter } from 'next/router';
-import { useSiteParams } from '@ui/components/hooks/use-site-params';
-import { useQuery } from '@tanstack/react-query';
-import {
-  getAccount,
-  getDynamicGlobalProperties,
-  getAccountFull,
-  getAccountReputations
-} from '@transaction/lib/hive';
-import { accountReputation, compareDates } from '@/blog/lib/utils';
-import { convertToHP, numberWithCommas } from '@hive/ui/lib/utils';
-import { Separator } from '@hive/ui/components/separator';
-import { Icons } from '@hive/ui/components/icons';
-import { dateToShow } from '@hive/ui/lib/parse-date';
-import { getTwitterInfo } from '@transaction/lib/bridge';
-import { useTranslation } from 'next-i18next';
-import env from '@beam-australia/react-env';
-import { useUser } from '@smart-signer/lib/auth/use-user';
-import { useFollowingInfiniteQuery } from '../hooks/use-following-infinitequery';
-import { Avatar, AvatarFallback, AvatarImage, proxifyImageSrc, getUserAvatarUrl } from '@ui/components';
-import userIllegalContent from '@ui/config/lists/user-illegal-content';
-import gdprUserList from '@ui/config/lists/gdpr-user-list';
-import CustomError from '../custom-error';
-import ButtonsContainer from '../buttons-container';
-import clsx from 'clsx';
-import { convertStringToBig } from '@ui/lib/helpers';
-import TimeAgo from '@hive/ui/components/time-ago';
-
-interface IProfileLayout {
-  children: React.ReactNode;
-}
-
-const ProfileLayout = ({ children }: IProfileLayout) => {
-  const router = useRouter();
-  const { user } = useUser();
-  const { t } = useTranslation('common_blog');
-  const walletHost = env('WALLET_ENDPOINT');
-  const explorerHost = env('EXPLORER_DOMAIN');
-  const { username } = useSiteParams();
-  const [isClient, setIsClient] = useState(false);
-  useEffect(() => {
-    setIsClient(true);
-  }, []);
-  const userFromGDPRList = gdprUserList.includes(username);
-  const { data: profileData } = useQuery(['profileData', username], () => getAccountFull(username), {
-    enabled: !!username
-  });
-  const { data: accountData } = useQuery(['accountData', username], () => getAccount(username), {
-    enabled: !!username
-  });
-  const mute = useFollowingInfiniteQuery(user.username, 1000, 'ignore', ['ignore']);
-
-  const { data: dynamicGlobalData } = useQuery(['dynamicGlobalData'], () => getDynamicGlobalProperties());
-
-  const { data: accountReputationData } = useQuery(
-    ['accountReputationData', username],
-    () => getAccountReputations(username, 1),
-    {
-      enabled: !!username
-    }
-  );
-
-  const { data: twitterData } = useQuery(['twitterData', username], () => getTwitterInfo(username), {
-    enabled: !!username,
-    retry: false,
-    refetchOnWindowFocus: false
-  });
-  const following = useFollowingInfiniteQuery(user.username, 1000, 'blog', ['blog']);
-
-  if (!accountData || !dynamicGlobalData || !profileData) {
-    return children;
-  }
-
-  const delegated_hive = convertToHP(
-    convertStringToBig(accountData.delegated_vesting_shares).minus(
-      convertStringToBig(accountData.received_vesting_shares)
-    ),
-    dynamicGlobalData.total_vesting_shares,
-    dynamicGlobalData.total_vesting_fund_hive
-  );
-  const vesting_hive = convertToHP(
-    convertStringToBig(accountData.vesting_shares),
-    dynamicGlobalData.total_vesting_shares,
-    dynamicGlobalData.total_vesting_fund_hive
-  );
-  const hp = vesting_hive.minus(delegated_hive);
-  const legalBlockedUser = userIllegalContent.includes(username);
-  if (userFromGDPRList) {
-    return <CustomError />;
-  }
-  return (
-    <div>
-      <div
-        className={clsx('w-full bg-gray-600 text-sm leading-6 sm:h-fit', {
-          'animate-pulse': profileData._temporary
-        })}
-        style={{ textShadow: 'rgb(0, 0, 0) 1px 1px 2px' }}
-        data-testid="profile-info"
-      >
-        {profileData ? (
-          <div
-            style={{
-              backgroundImage:
-                profileData?.posting_json_metadata &&
-                JSON.parse(profileData?.posting_json_metadata).profile?.cover_image
-                  ? `url('${proxifyImageSrc(
-                      JSON.parse(profileData?.posting_json_metadata).profile?.cover_image,
-                      2048,
-                      512
-                    ).replace(/ /g, '%20')}')`
-                  : '',
-              backgroundPosition: 'center center',
-              backgroundRepeat: 'no-repeat',
-              backgroundSize: 'cover'
-            }}
-            className="flex h-auto max-h-full min-h-full w-auto min-w-full max-w-full flex-col items-center text-white"
-          >
-            <div className="mt-4 flex items-center">
-              <Avatar className="mr-3 flex h-12 w-12 items-center justify-center overflow-hidden rounded-full">
-                <AvatarImage
-                  className="h-full w-full object-cover"
-                  src={getUserAvatarUrl(profileData?.name || '', 'medium')}
-                  alt="Profile picture"
-                />
-                <AvatarFallback>
-                  <img
-                    className="h-full w-full object-cover"
-                    src={getUserAvatarUrl(profileData?.name || '', 'medium')}
-                    alt="Profile picture"
-                  />
-                </AvatarFallback>
-              </Avatar>
-              <h4 className="sm:text-2xl" data-testid="profile-name">
-                <span className="font-semibold">
-                  {profileData?.profile?.name ? profileData.profile.name : profileData.name}
-                </span>{' '}
-                <span
-                  title={`This is ${username}s's reputation score.\n\nThe reputation score is based on the history of votes received by the account, and is used to hide low quality content.`}
-                >
-                  (
-                  {accountReputationData && accountReputationData[0].reputation
-                    ? accountReputation(accountReputationData[0].reputation)
-                    : accountReputation(profileData.reputation)}
-                  )
-                </span>
-              </h4>
-              {profileData.name ? (
-                <Link
-                  href={`https://hivebuzz.me/@${profileData.name}`}
-                  target="_blank"
-                  data-testid="profile-badge-link"
-                >
-                  {/* eslint-disable-next-line @next/next/no-img-element */}
-                  <img
-                    alt="fish image"
-                    title={t('user_profile.hive_buzz_badge_title', { username: profileData.name })}
-                    className="mx-2 w-6 duration-500 ease-in-out hover:w-12"
-                    src={`https://hivebuzz.me/api/level/${profileData.name}?dead`}
-                    data-testid="profile-badge-image"
-                  />
-                </Link>
-              ) : null}
-              {twitterData ? (
-                <Link
-                  href={twitterData.twitter_profile}
-                  title={t('user_profile.twitter_badge_title')}
-                  target="_blank"
-                  data-testid="profile-twitter-badge"
-                >
-                  <Icons.twitter fill="#1da1f2" className="text-blue-400" />
-                </Link>
-              ) : null}
-            </div>
-            {!legalBlockedUser ? (
-              <>
-                <p className="my-1 max-w-[420px] text-center sm:my-4" data-testid="profile-about">
-                  {profileData?.profile?.about
-                    ? profileData?.profile?.about.slice(0, 157) +
-                      (157 < profileData?.profile?.about.length ? '...' : '')
-                    : null}
-                </p>
-                <ul className="my-1 flex h-5 gap-1 text-xs sm:text-sm" data-testid="profile-stats">
-                  <li className="flex items-center gap-1">
-                    <Link
-                      href={`/@${profileData.name}/followers`}
-                      className="hover:cursor-pointer hover:text-destructive hover:underline"
-                    >
-                      {profileData?.follow_stats?.follower_count === 0 || undefined
-                        ? t('user_profile.lists.follower_count.zero')
-                        : profileData?.follow_stats?.follower_count === 1
-                          ? t('user_profile.lists.follower_count.one')
-                          : t('user_profile.lists.follower_count.other', {
-                              value: profileData?.follow_stats?.follower_count
-                            })}
-                    </Link>
-                  </li>
-
-                  <li
-                    className="flex items-center
-              gap-1"
-                  >
-                    <Separator orientation="vertical" className="bg-background" />
-                    <Link
-                      className="hover:cursor-pointer hover:text-destructive hover:underline"
-                      href={`/@${profileData.name}`}
-                    >
-                      {profileData?.post_count === 0
-                        ? t('user_profile.lists.post_count.zero')
-                        : profileData?.post_count === 1
-                          ? t('user_profile.lists.post_count.one')
-                          : t('user_profile.lists.post_count.other', { value: profileData?.post_count })}
-                    </Link>
-                  </li>
-
-                  <li
-                    className="flex items-center
-              gap-1"
-                  >
-                    <Separator orientation="vertical" className="bg-background" />{' '}
-                    <Link
-                      href={`/@${profileData.name}/followed`}
-                      className="hover:cursor-pointer hover:text-destructive hover:underline"
-                    >
-                      {profileData?.follow_stats?.following_count === 0 || undefined
-                        ? t('user_profile.lists.followed_count.zero')
-                        : profileData?.follow_stats?.following_count === 1
-                          ? t('user_profile.lists.followed_count.one')
-                          : t('user_profile.lists.followed_count.other', {
-                              value: profileData?.follow_stats?.following_count
-                            })}
-                    </Link>
-                  </li>
-
-                  <li className="flex items-center gap-1">
-                    <Separator orientation="vertical" className="bg-background" />
-                    {numberWithCommas(hp.toFixed(0)) + ' HP'}
-                  </li>
-                </ul>
-
-                <ul className="my-1 flex flex-wrap justify-center gap-2 text-xs sm:text-sm">
-                  <li className="flex items-center gap-1">
-                    <BasePathLink
-                      href={`/@${profileData?.name}/lists/blacklisted`}
-                      className="hover:cursor-pointer hover:text-destructive hover:underline"
-                    >
-                      {t('user_profile.lists.blacklisted_users')}
-                    </BasePathLink>
-                  </li>
-
-                  <li className="flex items-center gap-1">
-                    <Separator orientation="vertical" className="h-4 bg-background" />
-                    <BasePathLink
-                      href={`/@${profileData?.name}/lists/muted`}
-                      className="hover:cursor-pointer hover:text-destructive hover:underline"
-                    >
-                      {t('user_profile.lists.muted_users')}
-                    </BasePathLink>
-                  </li>
-
-                  <li className="flex items-center gap-1">
-                    <Separator orientation="vertical" className="h-4 bg-background" />
-                    <BasePathLink
-                      href={`/@${profileData?.name}/lists/followed_blacklists`}
-                      className="hover:cursor-pointer hover:text-destructive hover:underline"
-                    >
-                      {t('user_profile.lists.followed_blacklists')}
-                    </BasePathLink>
-                  </li>
-
-                  <li className="flex items-center gap-1">
-                    <Separator orientation="vertical" className="bg-background" />
-                    <BasePathLink
-                      href={`/@${profileData?.name}/lists/followed_muted_lists`}
-                      className="hover:cursor-pointer hover:text-destructive hover:underline"
-                    >
-                      {t('user_profile.lists.followed_muted_lists')}
-                    </BasePathLink>
-                  </li>
-                </ul>
-
-                <ul className="my-4 flex h-auto flex-wrap justify-center gap-1 text-xs sm:gap-4 sm:text-sm">
-                  {profileData?.profile?.location ? (
-                    <li className="flex items-center">
-                      <Icons.mapPin className="m-1" />
-                      <span data-testid="user-location">{profileData?.profile?.location}</span>
-                    </li>
-                  ) : null}
-                  {profileData?.profile?.website ? (
-                    <li className="flex items-center">
-                      <Icons.globe2 className="m-1" />
-                      <Link
-                        target="_external"
-                        className="website-link break-words "
-                        href={`https://${profileData?.profile?.website?.replace(/^(https?|ftp):\/\//, '')}`}
-                      >
-                        <span>{profileData?.profile?.website}</span>
-                      </Link>
-                    </li>
-                  ) : null}
-                  <li className="flex items-center">
-                    <Icons.calendarHeart className="m-1" />
-                    <span data-testid="user-joined">
-                      {t('user_profile.joined')}{' '}
-                      {profileData?.created ? dateToShow(profileData.created, t) : null}
-                    </span>
-                  </li>
-                  <li className="flex items-center">
-                    <Icons.calendarActive className="m-1" />
-                    <span data-testid="user-last-time-active">
-                      {t('user_profile.active')}{' '}
-                      <TimeAgo
-                        date={compareDates([
-                          profileData.created,
-                          profileData.last_vote_time,
-                          profileData.last_post
-                        ])}
-                      />
-                    </span>
-                  </li>
-                </ul>
-                {isClient && user.username !== username ? (
-                  <div className="m-2 flex gap-2 hover:text-destructive sm:absolute sm:right-0">
-                    <ButtonsContainer
-                      username={username}
-                      user={user}
-                      variant="default"
-                      follow={following}
-                      mute={mute}
-                    />
-                  </div>
-                ) : null}
-              </>
-            ) : (
-              <div className="p-10">{t('global.unavailable_for_legal_reasons')}</div>
-            )}
-          </div>
-        ) : (
-          <div className={`h-auto max-h-full min-h-full w-auto min-w-full max-w-full bg-gray-600 bg-cover`} />
-        )}
-      </div>
-      <div className="flex flex-col pb-8 md:pb-4 ">
-        <div className="w-full">
-          <div className="flex bg-gray-700" data-testid="profile-navigation">
-            <div className="container mx-auto flex max-w-screen-xl justify-between p-0 text-white sm:pl-8">
-              <ul className="flex h-full flex-wrap gap-x-2 text-xs sm:text-base lg:flex lg:gap-8">
-                <ListItem
-                  href={`/@${username}`}
-                  currentTab={router.asPath === `/@${username}`}
-                  label={t('navigation.profile_navbar.blog')}
-                />
-                <ListItem
-                  href={`/@${username}/posts`}
-                  currentTab={
-                    router.asPath === `/@${username}/posts` ||
-                    router.asPath === `/@${username}/comments` ||
-                    router.asPath === `/@${username}/payout`
-                  }
-                  label={t('navigation.profile_navbar.posts')}
-                />
-                <ListItem
-                  href={`/@${username}/replies`}
-                  currentTab={router.asPath === `/@${username}/replies`}
-                  label={t('navigation.profile_navbar.replies')}
-                />
-                <ListItem
-                  href={`/@${username}/communities`}
-                  currentTab={router.asPath === `/@${username}/communities`}
-                  label={t('navigation.profile_navbar.social')}
-                />
-                <ListItem
-                  href={`/@${username}/notifications`}
-                  currentTab={router.asPath === `/@${username}/notifications`}
-                  label={t('navigation.profile_navbar.notifications')}
-                />
-              </ul>
-              <ul className="flex h-full flex-nowrap text-xs sm:text-base lg:flex lg:gap-4">
-                <li>
-                  <Link
-                    href={`${explorerHost}/@${username}`}
-                    target="_blank"
-                    rel="noopener noreferrer"
-                    className="mr-4 flex h-12 items-center px-2 hover:bg-background hover:text-primary"
-                  >
-                    Block Explorer
-                  </Link>
-                </li>
-                <li>
-                  <Link
-                    href={`${walletHost}/@${username}/transfers`}
-                    target="_blank"
-                    rel="noopener noreferrer"
-                    className="mr-4 flex h-12 items-center px-2 hover:bg-background hover:text-primary"
-                  >
-                    {t('navigation.profile_navbar.wallet')}
-                  </Link>
-                </li>
-                {isClient && user.isLoggedIn && username === user.username ? (
-                  <li>
-                    <Link
-                      href={`/@${username}/settings`}
-                      rel="noopener noreferrer"
-                      className={`flex h-12 items-center px-2 hover:bg-background hover:text-primary ${
-                        router.asPath === `/@${username}/settings`
-                          ? 'bg-background text-primary dark:hover:text-slate-200'
-                          : ''
-                      }`}
-                    >
-                      {t('navigation.profile_navbar.settings')}
-                    </Link>
-                  </li>
-                ) : null}
-              </ul>
-            </div>
-          </div>
-        </div>
-        <main className="container mx-auto max-w-screen-xl pt-4">{children}</main>
-      </div>
-    </div>
-  );
-};
-
-export default ProfileLayout;
-
-const ListItem = ({ href, currentTab, label }: { href: string; currentTab: boolean; label: string }) => {
-  return (
-    <li>
-      <Link
-        href={href}
-        className={clsx('flex h-12 items-center px-2 hover:bg-background hover:text-primary', {
-          'bg-background text-primary dark:hover:text-slate-200': currentTab
-        })}
-      >
-        {label}
-      </Link>
-    </li>
-  );
-};
diff --git a/apps/blog/components/common/providers.tsx b/apps/blog/components/common/providers.tsx
deleted file mode 100644
index 2131ded0af6a59d989047d5463f0e8d21475eff8..0000000000000000000000000000000000000000
--- a/apps/blog/components/common/providers.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { type ReactNode } from 'react';
-import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
-import { Hydrate } from '@tanstack/react-query';
-import { ReactQueryDevtools } from '@tanstack/react-query-devtools';
-import { ThemeProvider } from '../theme-provider';
-import Layout from './layout';
-import { LoggedUserProvider } from './logged-user';
-import { SignerProvider } from '../../../../packages/smart-signer/components/signer-provider';
-
-const queryClient = new QueryClient();
-
-const Providers = ({ children, dehydratedState }: { children: ReactNode; dehydratedState?: unknown }) => {
-  return (
-    <QueryClientProvider client={queryClient}>
-      <Hydrate state={dehydratedState}>
-        <ThemeProvider attribute="class" defaultTheme="system" enableSystem>
-          <SignerProvider>
-            <LoggedUserProvider>
-              <Layout>{children}</Layout>
-            </LoggedUserProvider>
-          </SignerProvider>
-        </ThemeProvider>
-      </Hydrate>
-      <ReactQueryDevtools initialIsOpen={false} />
-    </QueryClientProvider>
-  );
-};
-
-export default Providers;
diff --git a/apps/blog/components/custom-error.tsx b/apps/blog/components/custom-error.tsx
index 7eca7d82ca911a6e20b79d7de39a9dcb32fe4dd9..630eb70ac18690cf34c93ce231ce2f538a89ea26 100644
--- a/apps/blog/components/custom-error.tsx
+++ b/apps/blog/components/custom-error.tsx
@@ -1,7 +1,7 @@
 import { FC } from 'react';
 import Link from 'next/link';
 import { Icons } from '@ui/components/icons';
-import { useTranslation } from 'next-i18next';
+import { useTranslation } from '@/blog/i18n/client';
 
 const CustomError: FC = () => {
   const { t } = useTranslation('common_blog');
diff --git a/apps/blog/components/dialog-login.tsx b/apps/blog/components/dialog-login.tsx
index 4c36238ad3b62e93fb8319f8efbe246241baa67f..1beb353cc04df9417d77f74bf25f188a07208091 100644
--- a/apps/blog/components/dialog-login.tsx
+++ b/apps/blog/components/dialog-login.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import { ReactNode, useRef } from 'react';
 import { Dialog, DialogContent, DialogTrigger } from '@ui/components/dialog';
 import SignInForm, { SignInFormRef } from '@smart-signer/components/auth/form';
diff --git a/apps/blog/components/hooks/use-account.ts b/apps/blog/components/hooks/use-account.ts
index bc5fda38d634bf3adf5ea48fb89a13780010a852..e600b5ae2503cf8767d6bf49c8c46b1e35af68f3 100644
--- a/apps/blog/components/hooks/use-account.ts
+++ b/apps/blog/components/hooks/use-account.ts
@@ -1,8 +1,10 @@
-import { getAccount } from '@transaction/lib/hive';
 import { useQuery } from '@tanstack/react-query';
+import { getAccount } from '@transaction/lib/hive-api';
 
 export const useAccountQuery = (username: string) => {
-  return useQuery(['accountData', username], () => getAccount(username), {
+  return useQuery({
+    queryKey: ['accountData', username],
+    queryFn: () => getAccount(username),
     enabled: Boolean(username)
   });
 };
diff --git a/apps/blog/components/hooks/use-active-votes.ts b/apps/blog/components/hooks/use-active-votes.ts
index 0e1b29067eae3516f40b0ecc2a6f8867ba170a7a..c52e1de7565dcf8e8ccd62754a87ce619747e824 100644
--- a/apps/blog/components/hooks/use-active-votes.ts
+++ b/apps/blog/components/hooks/use-active-votes.ts
@@ -1,8 +1,10 @@
-import { getActiveVotes } from '@transaction/lib/hive';
 import { useQuery } from '@tanstack/react-query';
+import { getActiveVotes } from '@transaction/lib/hive-api';
 
 export const useActiveVotesQuery = (username: string, permlink: string) => {
-  return useQuery([permlink, username, 'ActiveVotes'], () => getActiveVotes(username, permlink), {
+  return useQuery({
+    queryKey: [permlink, username, 'ActiveVotes'],
+    queryFn: () => getActiveVotes(username, permlink),
     enabled: Boolean(username) && Boolean(permlink)
   });
 };
diff --git a/apps/blog/components/hooks/use-dynamic-global-data.ts b/apps/blog/components/hooks/use-dynamic-global-data.ts
index 1d8b417fefbb5876871fde343ce303eea2d80ff0..3fecf95fab9721943310f69106f7900d2b934e35 100644
--- a/apps/blog/components/hooks/use-dynamic-global-data.ts
+++ b/apps/blog/components/hooks/use-dynamic-global-data.ts
@@ -1,4 +1,8 @@
-import { getDynamicGlobalProperties } from '@transaction/lib/hive';
 import { useQuery } from '@tanstack/react-query';
+import { getDynamicGlobalProperties } from '@transaction/lib/hive-api';
 
-export const useDynamicGlobalData = () => useQuery(['dynamicGlobalData'], () => getDynamicGlobalProperties());
+export const useDynamicGlobalData = () =>
+  useQuery({
+    queryKey: ['dynamicGlobalData'],
+    queryFn: () => getDynamicGlobalProperties()
+  });
diff --git a/apps/blog/components/hooks/use-follow-list.tsx b/apps/blog/components/hooks/use-follow-list.tsx
index b769cb3bd9df1a99ac84164f19e1af85e91ec922..4bf4e1e929766c826355664fae152e8c9da3d47f 100644
--- a/apps/blog/components/hooks/use-follow-list.tsx
+++ b/apps/blog/components/hooks/use-follow-list.tsx
@@ -1,9 +1,11 @@
-import { getFollowList } from '@transaction/lib/bridge';
+import { getFollowList } from '@transaction/lib/bridge-api';
 import { useQuery } from '@tanstack/react-query';
 import { FollowListType } from '@transaction/lib/extended-hive.chain';
 
 export const useFollowListQuery = (username: string, type: FollowListType) => {
-  return useQuery([type, username], () => getFollowList(username, type), {
+  return useQuery({
+    queryKey: [type, username],
+    queryFn: () => getFollowList(username, type),
     enabled: Boolean(username)
   });
 };
diff --git a/apps/blog/components/hooks/use-followers-infinitequery.tsx b/apps/blog/components/hooks/use-followers-infinitequery.tsx
deleted file mode 100644
index 828ce19d19acad23d6e26f50902a9a6672e787c8..0000000000000000000000000000000000000000
--- a/apps/blog/components/hooks/use-followers-infinitequery.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import { DEFAULT_PARAMS_FOR_FOLLOW, IGetFollowParams, getFollowers } from '@transaction/lib/hive';
-import { useInfiniteQuery } from '@tanstack/react-query';
-
-export const useFollowersInfiniteQuery = (
-  account: IGetFollowParams['account'],
-  limit: IGetFollowParams['limit'] = DEFAULT_PARAMS_FOR_FOLLOW.limit
-) => {
-  return useInfiniteQuery(
-    ['followersData', account],
-    ({ pageParam: last_id }) => getFollowers({ account, start: last_id, limit }),
-    {
-      enabled: Boolean(account),
-      getNextPageParam: (lastPage) => {
-        return lastPage.length >= limit ? lastPage[lastPage.length - 1].follower : undefined;
-      }
-    }
-  );
-};
diff --git a/apps/blog/components/hooks/use-following-infinitequery.tsx b/apps/blog/components/hooks/use-following-infinitequery.tsx
deleted file mode 100644
index ad0988d712ae62a3e14bf3ffeb5f7fb7b3c0e9bf..0000000000000000000000000000000000000000
--- a/apps/blog/components/hooks/use-following-infinitequery.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { DEFAULT_PARAMS_FOR_FOLLOW, IGetFollowParams, getFollowing } from '@transaction/lib/hive';
-import { useInfiniteQuery } from '@tanstack/react-query';
-
-export const useFollowingInfiniteQuery = (
-  account: IGetFollowParams['account'],
-  limit: IGetFollowParams['limit'] = DEFAULT_PARAMS_FOR_FOLLOW.limit,
-  type?: string,
-  extendedKey?: any[]
-) => {
-  return useInfiniteQuery(
-    ['followingData', account, ...(extendedKey || [])],
-    ({ pageParam: last_id }) => getFollowing({ account, start: last_id, type, limit }),
-    {
-      enabled: Boolean(account),
-      getNextPageParam: (lastPage) => {
-        return lastPage.length >= limit ? lastPage[lastPage.length - 1].following : undefined;
-      }
-    }
-  );
-};
diff --git a/apps/blog/components/hooks/use-follows.ts b/apps/blog/components/hooks/use-follows.ts
index 154d9f58bfe948533ad270f21b6867d4e690cb28..213bd8c48b8f7ba3e5d50fc576b9f9bd61d46bad 100644
--- a/apps/blog/components/hooks/use-follows.ts
+++ b/apps/blog/components/hooks/use-follows.ts
@@ -1,8 +1,10 @@
-import { getFollowCount } from '@transaction/lib/hive';
 import { useQuery } from '@tanstack/react-query';
+import { getFollowCount } from '@transaction/lib/hive-api';
 
 export const useFollowsQuery = (username: string) => {
-  return useQuery(['followCountData', username], () => getFollowCount(username), {
+  return useQuery({
+    queryKey: ['followCountData', username],
+    queryFn: () => getFollowCount(username),
     enabled: Boolean(username)
   });
 };
diff --git a/apps/blog/components/hooks/useManabars.ts b/apps/blog/components/hooks/use-manabars.ts
similarity index 86%
rename from apps/blog/components/hooks/useManabars.ts
rename to apps/blog/components/hooks/use-manabars.ts
index 07b1c26e407c8d734e7efcb0c74b725dc2a5cbc3..7bbd7e6636e184371c1e4d5bcdcbca9b74bce6c9 100644
--- a/apps/blog/components/hooks/useManabars.ts
+++ b/apps/blog/components/hooks/use-manabars.ts
@@ -1,5 +1,5 @@
 import { useQuery, UseQueryResult } from '@tanstack/react-query';
-import { getManabar } from '@transaction/lib/hive';
+import { getManabar } from '@transaction/lib/hive-api';
 
 interface SingleManabar {
   max: string;
@@ -21,7 +21,7 @@ const useManabars = (accountName?: string) => {
     isError: manabarsDataError
   }: UseQueryResult<Manabars | null> = useQuery({
     queryKey: ['manabars', accountName],
-    queryFn: () => getManabar(accountName!),
+    queryFn: async () => await getManabar(accountName!),
     enabled: !!accountName,
     refetchOnWindowFocus: false,
     refetchInterval: 60000 // 1 minute in milliseconds
diff --git a/apps/blog/components/hooks/use-reblogged-by-query.ts b/apps/blog/components/hooks/use-reblogged-by-query.ts
deleted file mode 100644
index 0acae779ede2e01518672546a9858a92a124649c..0000000000000000000000000000000000000000
--- a/apps/blog/components/hooks/use-reblogged-by-query.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { useQuery } from '@tanstack/react-query';
-import { getRebloggedBy } from '@transaction/lib/hive'
-
-export const useRebloggedByQuery =
-    (
-      author: string = '',
-      permlink: string = '',
-      username: string = ''
-    ) => {
-  return useQuery(
-    ['PostRebloggedBy', author, permlink, username],
-    async () => {
-      const data = await getRebloggedBy(author, permlink);
-      return data.includes(username);
-    },
-    {
-      enabled: !!(username && author && permlink),
-
-      // See https://www.codemzy.com/blog/react-query-cachetime-staletime
-      cacheTime: 1000 * 60 * 60 + 5000, // 1 hour 5 seconds
-      staleTime: 1000 * 60 * 60, // 1 hour
-    }
-  );
-  // logger.info('Reblog data author: %s, permlink: %s, isReblogged: %o', author, permlink, isReblogged);
-};
diff --git a/apps/blog/components/main-page.tsx b/apps/blog/components/main-page.tsx
deleted file mode 100644
index 1ff505c98a466d165c4dfa210fb1e183f7d6cfb7..0000000000000000000000000000000000000000
--- a/apps/blog/components/main-page.tsx
+++ /dev/null
@@ -1,264 +0,0 @@
-import { useSiteParams } from '@ui/components/hooks/use-site-params';
-import { useInfiniteQuery, useQuery, useQueryClient } from '@tanstack/react-query';
-import {
-  DATA_LIMIT as PER_PAGE,
-  getCommunity,
-  getSubscriptions,
-  getPostsRanked
-} from '@transaction/lib/bridge';
-import { useCallback, useEffect } from 'react';
-import PostList from '@/blog/components/post-list';
-import PostSelectFilter from '@/blog/components/post-select-filter';
-import { useRouter } from 'next/router';
-import { useInView } from 'react-intersection-observer';
-import { CommunitiesSelect } from '@/blog/components/communities-select';
-import { useTranslation } from 'next-i18next';
-import { useUser } from '@smart-signer/lib/auth/use-user';
-import Head from 'next/head';
-import CommunityLayout from '../feature/community-layout/community-layout';
-import { sortToTitle, sortTypes } from '@/blog/lib/utils';
-import { MetadataProps } from '@/blog/lib/get-translations';
-import NoDataError from '@/blog/components/no-data-error';
-import { PageType } from '@/blog/pages/[...param]';
-import { Preferences } from '@/blog/lib/utils';
-import PostCardSkeleton from '@hive/ui/components/card-skeleton';
-
-const validSorts = ['trending', 'hot', 'created', 'payout', 'payout_comments', 'muted'];
-
-const MainPage = ({
-  metadata,
-  pageType,
-  nsfwPreferences
-}: {
-  metadata: MetadataProps;
-  pageType: PageType;
-  nsfwPreferences: Preferences['nsfw'];
-}) => {
-  const { t } = useTranslation('common_blog');
-  const router = useRouter();
-  const { user } = useUser();
-  const queryClient = useQueryClient();
-  
-  // Get params from router
-  let param = router.query.param as string[];
-  if (!param) {
-    param = [];
-  }
-
-  // Handle Next.js internal data fetching routes
-  // During client-side navigation, Next.js may inject '_next/data' paths into params
-  // This happens when the framework fetches data for page transitions
-  // We need to extract the actual route params from these internal paths
-  if (param.length > 0 && param[0] === '_next') {
-    // For _next/data routes, the pattern is ['_next', 'data', 'buildId', 'actual', 'params']
-    // We want to skip _next, data, and buildId (3 items)
-    if (param.length > 3) {
-      param = param.slice(3);
-      // Remove .json extension if present
-      if (param.length > 0) {
-        param[param.length - 1] = param[param.length - 1].replace(/\.json.*$/, '');
-      }
-    } else {
-      // If we don't have enough params after _next/data, use the path
-      const pathParts = router.asPath.split('/').filter(p => p && !p.startsWith('#') && !p.startsWith('?'));
-      param = pathParts;
-    }
-  }
-  
-  // Additional cleanup - remove any remaining invalid params
-  param = param.filter(p => p && p !== '_next' && p !== 'data' && !p.includes('.json'));
-  const observer = !!user.username ? user.username : '';
-  const [sort, tagParam] = param;
-  const tag = (tagParam || '').toLocaleLowerCase();
-
-  const isValidSort = validSorts.includes(sort);
-  const { username } = useSiteParams();
-  const { ref, inView } = useInView();
-
-  const { data: mySubsData } = useQuery(
-    ['subscriptions', user?.username],
-    () => getSubscriptions(user.username),
-    {
-      enabled: Boolean(user?.username)
-    }
-  );
-  const { data: communityData } = useQuery(['community', tag], () => getCommunity(tag || '', user.username), {
-    enabled: pageType === 'community'
-  });
-  const { data, isFetching, isError, isFetchingNextPage, fetchNextPage, hasNextPage, refetch } =
-    useInfiniteQuery(
-      ['entriesInfinite', sort, tag],
-      async ({ pageParam }: { pageParam?: { author: string; permlink: string } }) => {
-        if (!isValidSort) {
-          throw new Error(`Invalid sort parameter: ${sort}. Valid sorts are: ${validSorts.join(', ')}`);
-        }
-        return await getPostsRanked(sort, tag, pageParam?.author, pageParam?.permlink, observer);
-      },
-      {
-        getNextPageParam: (lastPage) => {
-          if (lastPage && lastPage.length === PER_PAGE) {
-            return {
-              author: lastPage[lastPage.length - 1].author,
-              permlink: lastPage[lastPage.length - 1].permlink
-            };
-          }
-        },
-        // Add staleTime to prevent unnecessary refetches
-        staleTime: 0,
-        // Add cacheTime to keep data in cache longer
-        cacheTime: 300000, // 5 minutes
-        // Add retry logic
-        retry: 2,
-        retryDelay: 1000
-      }
-    );
-  const tabTitle =
-    Array.isArray(router.query.param) && router.query.param.length > 1
-      ? `${metadata.title} / ${sortToTitle(router.query.param[0] as sortTypes)}`
-      : sortToTitle((router.query.param?.[0] ?? 'trending') as sortTypes);
-
-  const handleChangeFilter = useCallback(
-    (e: string) => {
-      if (!validSorts.includes(e)) {
-        console.error(`Invalid sort parameter: ${e}`);
-        return;
-      }
-
-      // Prefetch the new sort data before changing routes
-      queryClient.prefetchInfiniteQuery(['entriesInfinite', e, tag], async () =>
-        getPostsRanked(e, tag, undefined, undefined, observer)
-      );
-
-      if (tag) {
-        router.push(`/${e}/${tag}`, undefined, {
-          shallow: false,
-          scroll: false // Prevent scroll jump
-        });
-      } else {
-        router.push(`/${e}`, undefined, {
-          shallow: false,
-          scroll: false // Prevent scroll jump
-        });
-      }
-    },
-    [router, tag, queryClient, observer]
-  );
-  // Single effect to handle sort changes
-  useEffect(() => {
-    // Instead of removing queries, just invalidate them
-    queryClient.invalidateQueries(['entriesInfinite']);
-  }, [sort, queryClient, username]);
-
-  useEffect(() => {
-    queryClient.invalidateQueries(['entriesInfinite']);
-    // Optionally, prefetch the new data for instant feel
-    if (isValidSort) {
-      queryClient.prefetchInfiniteQuery(['entriesInfinite', sort, tag], async () =>
-        getPostsRanked(sort, tag, undefined, undefined, observer)
-      );
-    }
-  }, [tag, sort, queryClient, observer, username, isValidSort]);
-  useEffect(() => {
-    // When the community (tag) changes, refetch the posts
-    if (tag) {
-      queryClient.invalidateQueries(['entriesInfinite']);
-      refetch();
-    }
-  }, [tag]);
-
-  useEffect(() => {
-    if (inView && hasNextPage) {
-      fetchNextPage();
-    }
-  }, [fetchNextPage, hasNextPage, inView]);
-  if (isError) return <NoDataError />;
-
-  return (
-    <>
-      <Head>
-        <title>{`${tabTitle} - posts Hive`}</title>
-        <meta property="og:title" content={metadata.title} />
-        <meta property="og:description" content={metadata.description} />
-        <meta property="og:image" content={metadata.image} />
-      </Head>
-      <CommunityLayout community={tag} mySubsData={mySubsData} communityData={communityData}>
-        <div className="col-span-12 md:col-span-9 xl:col-span-8">
-          <div className="col-span-12 mb-5 flex flex-col md:col-span-10 lg:col-span-8">
-            <div className="my-4 flex w-full items-center justify-between" translate="no">
-              <div className="mr-2 flex w-[320px] flex-col">
-                <span className="text-md hidden font-medium md:block" data-testid="community-name">
-                  {tag
-                    ? communityData
-                      ? `${communityData?.title}`
-                      : `#${tag}`
-                    : t('navigation.communities_nav.all_posts')}
-                </span>
-                {tag ? (
-                  <span
-                    className="hidden text-xs font-light md:block"
-                    data-testid="community-name-unmoderated"
-                  >
-                    {tag
-                      ? communityData
-                        ? t('communities.community')
-                        : t('communities.unmoderated_tag')
-                      : ''}
-                  </span>
-                ) : null}
-                <span className="md:hidden">
-                  <CommunitiesSelect
-                    mySubsData={mySubsData}
-                    username={user?.username ? user.username : undefined}
-                    title={
-                      tag
-                        ? communityData
-                          ? `${communityData?.title}`
-                          : `#${tag}`
-                        : t('navigation.communities_nav.all_posts')
-                    }
-                  />
-                </span>
-              </div>
-              <div className="w-[180px]">
-                <PostSelectFilter filter={sort} handleChangeFilter={handleChangeFilter} />
-              </div>
-            </div>
-            <>
-              {!data
-                ? null
-                : data.pages.map((page, index) => {
-                    return page ? (
-                      <PostList
-                        nsfwPreferences={nsfwPreferences}
-                        data={page}
-                        key={`f-${index}`}
-                        isCommunityPage={!!communityData}
-                        testFilter={sort}
-                      />
-                    ) : null;
-                  })}
-              <div>
-                <button
-                  ref={ref}
-                  onClick={() => fetchNextPage()}
-                  disabled={!hasNextPage || isFetchingNextPage}
-                >
-                  {isFetchingNextPage && !!data && data.pages.length > 0 ? (
-                    <PostCardSkeleton />
-                  ) : hasNextPage ? (
-                    t('user_profile.load_newer')
-                  ) : (
-                    t('user_profile.nothing_more_to_load')
-                  )}
-                </button>
-              </div>
-              <div>{isFetching && !isFetchingNextPage ? 'Background Updating...' : null}</div>
-            </>
-          </div>
-        </div>
-      </CommunityLayout>
-    </>
-  );
-};
-
-export default MainPage;
diff --git a/apps/blog/components/mobile-nav.tsx b/apps/blog/components/mobile-nav.tsx
deleted file mode 100644
index 9431c1dc95695dd115286dc847879812c19b7d3f..0000000000000000000000000000000000000000
--- a/apps/blog/components/mobile-nav.tsx
+++ /dev/null
@@ -1,59 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import Link, { LinkProps } from 'next/link';
-import { useRouter } from 'next/navigation';
-import { SidebarOpen } from 'lucide-react';
-import { siteConfig } from '@ui/config/site';
-import { cn } from '@ui/lib/utils';
-import { Button } from '@ui/components/button';
-import { Sheet, SheetContent, SheetTrigger } from '@ui/components/sheet';
-import { Icons } from '@ui/components/icons';
-import { withBasePath } from '../utils/PathUtils';
-
-export function MobileNav() {
-  const [open, setOpen] = React.useState(false);
-
-  return (
-    <Sheet open={open} onOpenChange={setOpen}>
-      <SheetTrigger asChild>
-        <Button
-          variant="ghost"
-          className="mr-2 px-0 text-base hover:bg-transparent focus-visible:bg-transparent focus-visible:ring-0 focus-visible:ring-offset-0 md:hidden"
-        >
-          <SidebarOpen className="h-6 w-6" />
-          <span className="sr-only">Toggle Menu</span>
-        </Button>
-      </SheetTrigger>
-      <SheetContent size="xl" position="left" className="pr-0">
-        <MobileLink href="/" className="flex items-center" onOpenChange={setOpen}>
-          <Icons.hive className="mr-2 h-4 w-4" />
-          <span className="font-bold">{siteConfig.name}</span>
-        </MobileLink>
-      </SheetContent>
-    </Sheet>
-  );
-}
-
-interface MobileLinkProps extends LinkProps {
-  onOpenChange?: (open: boolean) => void;
-  children: React.ReactNode;
-  className?: string;
-}
-
-function MobileLink({ href, onOpenChange, className, children, ...props }: MobileLinkProps) {
-  const router = useRouter();
-  return (
-    <Link
-      href={href}
-      onClick={() => {
-        router.push(withBasePath(href.toString()));
-        onOpenChange?.(false);
-      }}
-      className={cn(className)}
-      {...props}
-    >
-      {children}
-    </Link>
-  );
-}
diff --git a/apps/blog/components/post-redirect-page.tsx b/apps/blog/components/post-redirect-page.tsx
deleted file mode 100644
index 2ceb76e3726cbc5b165c5492f6feee6de79bda49..0000000000000000000000000000000000000000
--- a/apps/blog/components/post-redirect-page.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import { useEffect } from 'react';
-import CustomError from './custom-error';
-
-const PostRedirectPage = ({ url }: { url: string }) => {
-  useEffect(() => {
-    if (url) {
-      // Perform the actual redirect
-      window.location.href = url;
-    }
-  }, [url]);
-
-  return (
-    <>
-      {!url ? (
-        <CustomError />
-      ) : (
-        <div>
-          <>
-            Redirecting to <a href={url}>{url}</a>...
-          </>
-        </div>
-      )}
-    </>
-  );
-};
-
-export default PostRedirectPage;
diff --git a/apps/blog/components/post-select-filter.tsx b/apps/blog/components/post-select-filter.tsx
deleted file mode 100644
index 5dbe31d8745923c43816bfb95eb9705189a17b41..0000000000000000000000000000000000000000
--- a/apps/blog/components/post-select-filter.tsx
+++ /dev/null
@@ -1,61 +0,0 @@
-import {
-  Select,
-  SelectContent,
-  SelectGroup,
-  SelectItem,
-  SelectTrigger,
-  SelectValue
-} from '@ui/components/select';
-import { useTranslation } from 'next-i18next';
-import { memo, useCallback, useEffect, useState } from 'react';
-
-const PostSelectFilter = memo(({
-  filter,
-  handleChangeFilter
-}: {
-  filter: string | null;
-  handleChangeFilter: (e: string) => void;
-}) => {
-  const { t } = useTranslation('common_blog');
-  const defaultValue = 'trending';
-  const [currentValue, setCurrentValue] = useState(filter || defaultValue);
-
-  // Keep local state in sync with prop using useCallback
-  const updateCurrentValue = useCallback((newFilter: string | null) => {
-    setCurrentValue(newFilter || defaultValue);
-  }, [defaultValue]);
-
-  useEffect(() => {
-    updateCurrentValue(filter);
-  }, [filter, updateCurrentValue]);
-
-  const handleValueChange = useCallback((value: string) => {
-    setCurrentValue(value);
-    handleChangeFilter(value);
-  }, [handleChangeFilter]);
-
-  return (
-    <Select
-      value={currentValue}
-      onValueChange={handleValueChange}
-      defaultValue={defaultValue}
-    >
-      <SelectTrigger className="bg-background" data-testid="posts-filter">
-        <SelectValue placeholder={t('select_sort.posts_sort.trending')} />
-      </SelectTrigger>
-      <SelectContent data-testid="posts-filter-list">
-        <SelectGroup>
-          <SelectItem value="trending">{t('select_sort.posts_sort.trending')}</SelectItem>
-          <SelectItem value="hot">{t('select_sort.posts_sort.hot')}</SelectItem>
-          <SelectItem value="created">{t('select_sort.posts_sort.new')}</SelectItem>
-          <SelectItem value="payout">{t('select_sort.posts_sort.payouts')}</SelectItem>
-          <SelectItem value="muted">{t('select_sort.posts_sort.muted')}</SelectItem>
-        </SelectGroup>
-      </SelectContent>
-    </Select>
-  );
-});
-
-PostSelectFilter.displayName = 'PostSelectFilter';
-
-export default PostSelectFilter;
diff --git a/apps/blog/components/profile-dropdown-menu.tsx b/apps/blog/components/profile-dropdown-menu.tsx
deleted file mode 100644
index 493c39eb75d1e43aacf925529a13a020b81710fb..0000000000000000000000000000000000000000
--- a/apps/blog/components/profile-dropdown-menu.tsx
+++ /dev/null
@@ -1,102 +0,0 @@
-import {
-  Award,
-  Banknote,
-  BellRing,
-  Cloud,
-  LogOut,
-  Mails,
-  MessageSquare,
-  Newspaper,
-  Settings,
-  User,
-  Wallet
-} from 'lucide-react';
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuGroup,
-  DropdownMenuItem,
-  DropdownMenuLabel,
-  DropdownMenuSeparator,
-  DropdownMenuTrigger
-} from '@ui/components/dropdown-menu';
-import { Avatar, AvatarFallback, AvatarImage } from '@ui/components/avatar';
-import Link from 'next/link';
-import BasePathLink from './base-path-link';
-import { useAppStore } from '@/blog/store/app';
-import env from '@beam-australia/react-env';
-import { getUserAvatarUrl } from '@hive/ui';
-
-const ProfileDropdownMenu = () => {
-  const currentProfile = useAppStore((state) => state.currentProfile);
-  const walletHost = env('WALLET_ENDPOINT');
-
-  return (
-    <DropdownMenu>
-      <DropdownMenuTrigger asChild>
-        <Avatar className="rounded-md" data-testid="profile-menu">
-          {currentProfile && (
-            <AvatarImage src={getUserAvatarUrl(currentProfile?.name || '', 'small')} />
-          )}
-          <AvatarFallback>{currentProfile?.name.slice(0, 2).toUpperCase() || ''}</AvatarFallback>
-        </Avatar>
-      </DropdownMenuTrigger>
-      <DropdownMenuContent className="w-56" data-testid="profile-menu-content">
-        <DropdownMenuLabel>My Account</DropdownMenuLabel>
-        <DropdownMenuSeparator />
-        <DropdownMenuGroup>
-          <DropdownMenuItem>
-            <User className="mr-2 h-4 w-4" />
-            <BasePathLink href={`/@${currentProfile?.name}`}>Profile</BasePathLink>
-          </DropdownMenuItem>
-          <DropdownMenuSeparator />
-          <DropdownMenuItem>
-            <Newspaper className="mr-2 h-4 w-4" />
-            <Link href={`/@${currentProfile?.name}/posts`}>Posts</Link>
-          </DropdownMenuItem>
-          <DropdownMenuItem>
-            <MessageSquare className="mr-2 h-4 w-4" />
-            <Link href={`/@${currentProfile?.name}/comments`}>Comments</Link>
-          </DropdownMenuItem>
-          <DropdownMenuItem>
-            <Banknote className="mr-2 h-4 w-4" />
-            <Link href={`/@${currentProfile?.name}/payout`}>Payouts</Link>
-          </DropdownMenuItem>
-          <DropdownMenuSeparator />
-          <DropdownMenuItem>
-            <Mails className="mr-2 h-4 w-4" />
-            <Link href={`/@${currentProfile?.name}/replies`}>Replies</Link>
-          </DropdownMenuItem>
-          <DropdownMenuItem>
-            <Award className="mr-2 h-4 w-4" />
-            <Link href={`/@${currentProfile?.name}/communities`}>Social</Link>
-          </DropdownMenuItem>
-          <DropdownMenuItem>
-            <BellRing className="mr-2 h-4 w-4" />
-            <Link href={`/@${currentProfile?.name}/notifications`}>Notifications</Link>
-          </DropdownMenuItem>
-        </DropdownMenuGroup>
-        <DropdownMenuSeparator />
-        <DropdownMenuItem>
-          <Settings className="mr-2 h-4 w-4" />
-          <Link href={`/@${currentProfile?.name}/settings`}>Settings</Link>
-        </DropdownMenuItem>
-        <DropdownMenuItem>
-          <Wallet className="mr-2 h-4 w-4" />
-          <Link href={`${walletHost}/@${currentProfile?.name}/transfers`}>Wallet</Link>
-        </DropdownMenuItem>
-        <DropdownMenuItem disabled>
-          <Cloud className="mr-2 h-4 w-4" />
-          <span>API</span>
-        </DropdownMenuItem>
-        <DropdownMenuSeparator />
-        <DropdownMenuItem>
-          <LogOut className="mr-2 h-4 w-4" />
-          <Link href={`/`}>Log out</Link>
-        </DropdownMenuItem>
-      </DropdownMenuContent>
-    </DropdownMenu>
-  );
-};
-
-export default ProfileDropdownMenu;
diff --git a/apps/blog/components/profile-lists-component.tsx b/apps/blog/components/profile-lists-component.tsx
deleted file mode 100644
index c4cdd258d12139a0ff0d671418ff90ba40f8ab10..0000000000000000000000000000000000000000
--- a/apps/blog/components/profile-lists-component.tsx
+++ /dev/null
@@ -1,58 +0,0 @@
-import ProfileLayout from '@/blog/components/common/profile-layout';
-import { IFollowList } from '@transaction/lib/extended-hive.chain';
-import { useMemo, useState } from 'react';
-import { getAccountFull } from '@transaction/lib/hive';
-import { useQuery } from '@tanstack/react-query';
-import Head from 'next/head';
-import { MetadataProps } from '@/blog/lib/get-translations';
-import ListVariant from '../feature/account-lists/list-variant';
-
-const CHUNK_SIZE = 10;
-
-export default function ProfileLists({
-  username,
-  variant,
-  data,
-  metadata
-}: {
-  username: string;
-  variant: 'blacklisted' | 'muted' | 'followedBlacklist' | 'followedMute';
-  data: IFollowList[] | undefined;
-  metadata: MetadataProps;
-}) {
-  const { data: profilData } = useQuery(['profileData', username], () => getAccountFull(username));
-  const [filter, setFilter] = useState('');
-
-  const splitArrays = useMemo(() => {
-    const filteredNames =
-      data?.filter((e) => e.name !== 'null' && e.name.toLowerCase().includes(filter.toLowerCase())) ?? [];
-    if (!filteredNames.length) return [];
-
-    return Array.from({ length: Math.ceil(filteredNames.length / CHUNK_SIZE) }, (_, i) =>
-      filteredNames.slice(i * CHUNK_SIZE, (i + 1) * CHUNK_SIZE)
-    );
-  }, [data, filter]);
-
-  return (
-    <>
-      <Head>
-        <title>{metadata.tabTitle}</title>
-        <meta property="og:title" content={metadata.title} />
-        <meta property="og:description" content={metadata.description} />
-        <meta property="og:image" content={metadata.image} />
-      </Head>
-      <ProfileLayout>
-        {profilData && (
-          <ListVariant
-            variant={variant}
-            username={username}
-            profileData={profilData}
-            data={data}
-            splitArrays={splitArrays}
-            onSearchChange={setFilter}
-          />
-        )}
-      </ProfileLayout>
-    </>
-  );
-}
diff --git a/apps/blog/components/replies-list-item.tsx b/apps/blog/components/replies-list-item.tsx
deleted file mode 100644
index a13986c4383d9fa38ec7bcb0181b363c109d6d23..0000000000000000000000000000000000000000
--- a/apps/blog/components/replies-list-item.tsx
+++ /dev/null
@@ -1,235 +0,0 @@
-import { Icons } from '@hive/ui/components/icons';
-import parseDate from '@hive/ui/lib/parse-date';
-import {
-  Card,
-  CardContent,
-  CardDescription,
-  CardFooter,
-  CardHeader,
-  CardTitle
-} from '@hive/ui/components/card';
-import { getPostSummary } from '@/blog/lib/utils';
-import Link from 'next/link';
-import { Separator } from '@ui/components/separator';
-import accountReputation from '@/blog/lib/account-reputation';
-import { Badge } from '@hive/ui/components/badge';
-import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@hive/ui/components/tooltip';
-import { Entry } from '@transaction/lib/extended-hive.chain'; 
-import { IFollowList } from '@transaction/lib/extended-hive.chain';
-import DetailsCardHover from './details-card-hover';
-import clsx from 'clsx';
-import PostImage from './post-img';
-import { useTranslation } from 'next-i18next';
-import VotesComponent from './votes';
-import dmcaUserList from '@hive/ui/config/lists/dmca-user-list';
-import userIllegalContent from '@hive/ui/config/lists/user-illegal-content';
-import gdprUserList from '@ui/config/lists/gdpr-user-list';
-import TimeAgo from '@hive/ui/components/time-ago';
-import { getUserAvatarUrl } from '@hive/ui';
-
-const RepliesListItem = ({
-  comment,
-  blacklist
-}: {
-  comment: Entry;
-  blacklist: IFollowList[] | undefined;
-}) => {
-  const { t } = useTranslation('common_blog');
-  const blacklistCheck = blacklist ? blacklist.some((e) => e.name === comment.author) : false;
-  const userFromDMCA = dmcaUserList.includes(comment.author);
-  const legalBlockedUser = userIllegalContent.includes(comment.author);
-
-  if (gdprUserList.includes(comment.author)) {
-    return null;
-  }
-
-  return (
-    <>
-      <li
-        className={clsx({
-          'opacity-60 hover:opacity-100': comment.stats?.gray
-        })}
-        data-testid="comment-list-item"
-      >
-        <Card className="mb-4 bg-background px-2 text-primary">
-          <CardHeader className="px-0 py-1">
-            <div className="md:text-md flex items-center text-xs">
-              <Link href={`/@${comment.author}`} data-testid="comment-author-avatar-link">
-                <img
-                  className="mr-3 h-[24px] w-[24px] rounded-3xl"
-                  height="24"
-                  width="24"
-                  src={getUserAvatarUrl(comment.author, 'small')}
-                  alt={`${comment.author} profile picture`}
-                  loading="lazy"
-                  data-testid="comment-author-avatar"
-                />
-              </Link>
-              <div className="flex items-center">
-                <Link
-                  href={`/@${comment.author}`}
-                  className="font-medium hover:cursor-pointer hover:text-destructive dark:hover:text-destructive"
-                  data-testid="post-author"
-                >
-                  {comment.author}
-                </Link>{' '}
-                <span title={t('cards.post_card.reputation_title')}>
-                  ({accountReputation(comment.author_reputation)})
-                </span>
-                {comment.blacklists && comment.blacklists[0] ? (
-                  <span className="text-destructive" title={comment.blacklists[0]}>
-                    ({comment.blacklists.length})
-                  </span>
-                ) : blacklistCheck ? (
-                  <span className="text-destructive" title="My blacklist">
-                    (1)
-                  </span>
-                ) : null}
-                {comment.author_title ? (
-                  <Badge variant="outline" className="mr-1 border-destructive px-1 py-0 font-thin">
-                    {comment.author_title}
-                  </Badge>
-                ) : null}
-                <span className="flex items-center gap-2">
-                  {comment.percent_hbd === 0 ? <Icons.hive className="h-4 w-4" /> : null}
-                </span>
-                <span className="text-xs md:text-sm">
-                  &nbsp;{t('cards.post_card.in')}
-                  {` `}
-                  {comment.community ? (
-                    <Link
-                      href={`/trending/${comment.community}`}
-                      className="hover:cursor-pointer hover:text-destructive"
-                      data-testid="comment-community-category-link"
-                    >
-                      {comment.community_title}
-                    </Link>
-                  ) : (
-                    <Link
-                      href={`/trending/${comment.category}`}
-                      className="hover:cursor-pointer hover:text-destructive"
-                      data-testid="comment-community-category-link"
-                    >
-                      #{comment.category}
-                    </Link>
-                  )}
-                  <span className="mx-1">•</span>
-                  <Link
-                    href={`/${comment.category}/@${comment.author}/${comment.permlink}`}
-                    className="hover:cursor-pointer hover:text-destructive"
-                    data-testid="comment-timestamp"
-                    title={String(parseDate(comment.created))}
-                  >
-                    <TimeAgo date={comment.created} />
-                  </Link>
-                </span>
-              </div>
-            </div>
-          </CardHeader>
-          <div className="flex flex-col md:flex-row">
-            <PostImage post={comment} />
-            <CardContent>
-              <CardTitle data-testid="comment-card-title">
-                <Link
-                  href={`/${comment.category}/@${comment.author}/${comment.permlink}`}
-                  className="visited:text-gray-500 dark:visited:text-gray-400"
-                >
-                  {comment.title}
-                </Link>
-              </CardTitle>
-              <CardDescription className="w-full" data-testid="comment-card-description">
-                <Link href={`/${comment.category}/@${comment.author}/${comment.permlink}`}>
-                  {userFromDMCA
-                    ? t('cards.content_removed')
-                    : legalBlockedUser
-                      ? t('global.unavailable_for_legal_reasons')
-                      : getPostSummary(comment.json_metadata, comment.body)}
-                </Link>
-              </CardDescription>
-            </CardContent>
-          </div>
-          <CardFooter>
-            <div className="flex h-5 items-center space-x-4 text-sm" data-testid="comment-card-footer">
-              <VotesComponent post={comment} type="comment" />
-              <DetailsCardHover
-                post={comment}
-                decline={Number(comment.max_accepted_payout.slice(0, 1)) === 0}
-              >
-                <div
-                  data-testid="post-payout"
-                  className={`flex items-center hover:cursor-pointer hover:text-destructive ${
-                    Number(comment.max_accepted_payout.slice(0, 1)) === 0 ? 'text-gray-600 line-through' : ''
-                  }`}
-                >
-                  ${comment.payout.toFixed(2)}
-                </div>
-              </DetailsCardHover>
-              <Separator orientation="vertical" />
-              <div className="flex items-center">
-                <TooltipProvider>
-                  <Tooltip>
-                    <TooltipTrigger className="flex items-center" data-testid="comment-vote">
-                      <Icons.chevronUp className="h-4 w-4 sm:mr-1" />
-                      {comment.stats && comment.stats.total_votes}
-                    </TooltipTrigger>
-                    <TooltipContent>
-                      <p data-testid="comment-vote-tooltip">
-                        {comment.stats && comment.stats.total_votes === 0
-                          ? t('post_content.footer.no_votes')
-                          : comment.stats && comment.stats.total_votes === 1
-                            ? t('post_content.footer.vote')
-                            : t('post_content.footer.votes', {
-                                votes: comment.stats && comment.stats.total_votes
-                              })}
-                      </p>
-                    </TooltipContent>
-                  </Tooltip>
-                </TooltipProvider>
-              </div>
-              <Separator orientation="vertical" />
-              <div className="flex items-center">
-                <TooltipProvider>
-                  <Tooltip>
-                    <TooltipTrigger className="flex items-center">
-                      <>
-                        <Link
-                          href={`/${comment.category}/@${comment.author}/${comment.permlink}`}
-                          className="flex cursor-pointer items-center"
-                        >
-                          {comment.children > 1 ? (
-                            <Icons.messagesSquare className="h-4 w-4" />
-                          ) : (
-                            <Icons.comment className="h-4 w-4" />
-                          )}
-                        </Link>
-                        <Link
-                          href={`/${comment.category}/@${comment.author}/${comment.permlink}`}
-                          className="flex cursor-pointer items-center pl-1 hover:text-destructive"
-                          data-testid="comment-respond-link"
-                        >
-                          {comment.children}
-                        </Link>
-                      </>
-                    </TooltipTrigger>
-                    <TooltipContent>
-                      <p data-testid="comment-respond-tooltip">
-                        {comment.children === 0
-                          ? t('post_content.footer.no_responses')
-                          : comment.children === 1
-                            ? t('post_content.footer.response')
-                            : t('post_content.footer.responses', { responses: comment.children })}
-                        {t('cards.post_card.click_to_respond')}
-                      </p>
-                    </TooltipContent>
-                  </Tooltip>
-                </TooltipProvider>
-              </div>
-            </div>
-          </CardFooter>
-        </Card>
-      </li>
-    </>
-  );
-};
-
-export default RepliesListItem;
diff --git a/apps/blog/components/replies-list.tsx b/apps/blog/components/replies-list.tsx
deleted file mode 100644
index 4b632329342bb62e3271d480f212323b13c06c2f..0000000000000000000000000000000000000000
--- a/apps/blog/components/replies-list.tsx
+++ /dev/null
@@ -1,56 +0,0 @@
-import RepliesListItem from '@/blog/components/replies-list-item';
-import { useUser } from '@smart-signer/lib/auth/use-user';
-import { Entry } from '@transaction/lib/extended-hive.chain';
-import { useFollowListQuery } from './hooks/use-follow-list';
-
-const RepliesList = ({ data, parent }: { data: Entry[] | null | undefined; parent?: Entry }) => {
-  const { user } = useUser();
-  const { data: blacklist } = useFollowListQuery(user.username, 'blacklisted');
-  if (data && parent) {
-    let filtered = data.filter(
-      (x: Entry) => x.parent_author === parent.author && x.parent_permlink === parent.permlink
-    );
-
-    let mutedContent = filtered.filter(
-      (item: Entry) => parent && item.depth === 1 && item.parent_author === parent.author
-    );
-
-    let unmutedContent = filtered.filter((md: Entry) =>
-      mutedContent.every((fd: Entry) => fd.post_id !== md.post_id)
-    );
-
-    const arr = [...mutedContent, ...unmutedContent];
-    const subReplies = data.filter(
-      (x: Entry) => x.parent_author !== parent.author && x.parent_permlink !== parent.permlink
-    );
-    const tmp = arr.map((cm: Entry) => {
-      const srFiltered = [];
-      if (cm.replies.length > 0) {
-        for (const rp of cm.replies) {
-          srFiltered.push(...subReplies.filter((sr: Entry) => sr.url.split('#')[1]?.slice(1) === rp));
-        }
-      }
-      return {
-        ...cm,
-        fullReplies: srFiltered
-      };
-    });
-
-    return (
-      <ul className="px-2" data-testid="comment-list-replies">
-        {tmp?.map((comment: Entry) => (
-          <RepliesListItem blacklist={blacklist} comment={comment} key={comment.post_id} />
-        ))}
-      </ul>
-    );
-  }
-
-  return (
-    <ul className="px-2" data-testid="comment-list-replies">
-      {data?.map((comment: Entry) => (
-        <RepliesListItem blacklist={blacklist} comment={comment} key={comment.post_id} />
-      ))}
-    </ul>
-  );
-};
-export default RepliesList;
diff --git a/apps/blog/components/search-card.tsx b/apps/blog/components/search-card.tsx
deleted file mode 100644
index 13f9f38c279f453090cec620ee00cdf35927138d..0000000000000000000000000000000000000000
--- a/apps/blog/components/search-card.tsx
+++ /dev/null
@@ -1,189 +0,0 @@
-import { useState } from 'react';
-import {
-  Badge,
-  Card,
-  CardContent,
-  CardDescription,
-  CardFooter,
-  CardHeader,
-  CardTitle,
-  Separator
-} from '@hive/ui';
-import Link from 'next/link';
-import BasePathLink from './base-path-link';
-import { proxifyImageUrl } from '@ui/lib/old-profixy';
-import { extractBodySummary } from '@/blog/lib/utils';
-import ReblogTrigger from '../components/reblog-trigger';
-import parseDate from '@ui/lib/parse-date';
-import { useTranslation } from 'next-i18next';
-import PostCardCommentTooltip from './post-card-comment-tooltip';
-import PostCardUpvotesTooltip from './post-card-upvotes-tooltip';
-import PostCardHidden from './post-card-hidden';
-import { useUser } from '@smart-signer/lib/auth/use-user';
-import { SearchResult } from '@transaction/lib/bridge';
-import { IFollowList } from '@transaction/lib/extended-hive.chain';
-import dmcaUserList from '@ui/config/lists/dmca-user-list';
-import imageUserBlocklist from '@ui/config/lists/image-user-blocklist';
-import userIllegalContent from '@ui/config/lists/user-illegal-content';
-import gdprUserList from '@ui/config/lists/gdpr-user-list';
-import PostCardBlacklistMark from './post-card-blacklist-mark';
-import TimeAgo from '@hive/ui/components/time-ago';
-import { getUserAvatarUrl } from '@hive/ui';
-
-interface SearchCardProps {
-  post: SearchResult;
-  nsfw: 'show' | 'warn' | 'hide';
-  blacklist: IFollowList[] | undefined;
-}
-
-const SearchCard = ({ post, nsfw, blacklist }: SearchCardProps) => {
-  const { t } = useTranslation('common_blog');
-  const [reveal, setReveal] = useState(
-    nsfw === 'show'
-      ? false
-      : nsfw === 'warn'
-        ? post.json_metadata?.tags && post.json_metadata?.tags.includes('nsfw')
-        : false
-  );
-  const { user } = useUser();
-  const blacklistCheck = blacklist ? blacklist.some((e) => e.name === post.author) : false;
-  const userFromDMCA = dmcaUserList.includes(post.author);
-  const userFromImageBlockList = imageUserBlocklist.includes(post.author);
-  const legalBlockedUser = userIllegalContent.includes(post.author);
-  const revealPost = () => setReveal((prev) => !prev);
-
-  if (gdprUserList.includes(post.author)) return null;
-
-  return (
-    <li>
-      {post.tags.includes('nsfw') && nsfw === 'hide' ? null : (
-        <Card className="mb-4 bg-background px-2 text-primary">
-          <CardHeader className="px-0 py-1">
-            <div className="md:text-md flex items-center text-sm">
-              {!reveal ? (
-                <BasePathLink href={`/@${post.author}`} data-testid="post-card-avatar">
-                  <div
-                    className="mr-3 h-[24px] w-[24px] rounded-3xl bg-cover bg-no-repeat"
-                    style={{
-                      backgroundImage: `url(${getUserAvatarUrl(post.author, 'small')})`
-                    }}
-                  />
-                </BasePathLink>
-              ) : null}
-              <div className="flex flex-wrap items-center gap-0.5 md:flex-nowrap">
-                <Link
-                  href={`/@${post.author}`}
-                  className="font-medium text-primary hover:cursor-pointer hover:text-destructive"
-                  data-testid="post-author"
-                >
-                  {post.author}
-                </Link>{' '}
-                <span
-                  title={t('post_content.reputation_title')}
-                  className="mr-1 block font-normal"
-                  data-testid="post-author-reputation"
-                >
-                  ({Number(post.author_reputation).toFixed(0)})
-                </span>
-                <PostCardBlacklistMark blacklistCheck={blacklistCheck} />
-                &nbsp;{t('cards.post_card.in')}&nbsp;
-                <Link
-                  href={`/trending/${post.category}`}
-                  className="hover:cursor-pointer hover:text-destructive"
-                  data-testid="post-card-community"
-                >
-                  #{post.category}
-                </Link>
-                <span className="mx-1">•</span>
-                <Link
-                  href={`/${post.category}/@${post.author}/${post.permlink}`}
-                  className="hover:cursor-pointer hover:text-destructive"
-                  data-testid="post-card-timestamp"
-                >
-                  <span title={String(parseDate(post.created))}>
-                    <TimeAgo date={post.created} />
-                  </span>
-                </Link>
-              </div>
-            </div>
-          </CardHeader>
-          <div className="flex flex-col md:flex-row">
-            {!reveal && !userFromDMCA && !userFromImageBlockList && !legalBlockedUser ? (
-              <Link href={`/${post.category}/@${post.author}/${post.permlink}`} data-testid="post-image">
-                <div className="relative flex h-[210px] items-center overflow-hidden bg-transparent sm:h-[360px] md:mr-3.5 md:max-h-[80px] md:w-fit md:min-w-[130px] md:max-w-[130px]">
-                  <picture className="articles__feature-img h-ful w-full">
-                    <source
-                      srcSet={proxifyImageUrl(post.img_url, '256x512').replace(/ /g, '%20')}
-                      media="(min-width: 1000px)"
-                    />
-                    <img srcSet={post.img_url} alt="Post image" loading="lazy" className="w-full" />
-                  </picture>
-                </div>
-              </Link>
-            ) : null}
-            <div className="md:overflow-hidden">
-              {!reveal ? (
-                <CardContent>
-                  <>
-                    <CardTitle data-testid="post-title" className="text-md">
-                      {post.json_metadata?.tags && post.json_metadata?.tags.includes('nsfw') ? (
-                        <Badge variant="outline" className="mx-1 border-destructive text-destructive">
-                          nsfw
-                        </Badge>
-                      ) : null}
-                      <Link
-                        href={`/${post.category}/@${post.author}/${post.permlink}`}
-                        className="visited:text-gray-500 dark:visited:text-gray-400"
-                      >
-                        {post.title}
-                      </Link>
-                    </CardTitle>
-                    <CardDescription className="block w-auto md:overflow-hidden md:overflow-ellipsis md:whitespace-nowrap">
-                      <Link
-                        href={`/${post.category}/@${post.author}/${post.permlink}`}
-                        data-testid="post-description"
-                      >
-                        {userFromDMCA
-                          ? t('cards.content_removed')
-                          : legalBlockedUser
-                            ? t('global.unavailable_for_legal_reasons')
-                            : extractBodySummary(post.body, true)}
-                      </Link>
-                    </CardDescription>
-                    <Separator orientation="horizontal" className="my-1" />
-                  </>
-                </CardContent>
-              ) : (
-                <PostCardHidden user={user} revealPost={revealPost} />
-              )}
-              <CardFooter className="pb-2">
-                <div className="flex h-5 items-center space-x-2 text-sm" data-testid="post-card-footer">
-                  <div data-testid="post-payout">${post.payout.toFixed(2)}</div>
-                  <Separator orientation="vertical" />
-                  <PostCardUpvotesTooltip votes={post.total_votes} />
-                  <Separator orientation="vertical" />
-                  <PostCardCommentTooltip
-                    comments={post.children}
-                    url={`/${post.category}/@${post.author}/${post.permlink}/#comments`}
-                  />
-                  <Separator orientation="vertical" />
-                  {!post.title.includes('RE: ') ? (
-                    <div className="flex items-center" data-testid="post-card-reblog">
-                      <ReblogTrigger
-                        author={post.author}
-                        permlink={post.permlink}
-                        dataTestidTooltipContent="post-card-reblog-tooltip"
-                        dataTestidTooltipIcon="post-card-reblog-icon"
-                      />
-                    </div>
-                  ) : null}
-                </div>
-              </CardFooter>
-            </div>
-          </div>
-        </Card>
-      )}
-    </li>
-  );
-};
-export default SearchCard;
diff --git a/apps/blog/components/sub-navigation.tsx b/apps/blog/components/sub-navigation.tsx
deleted file mode 100644
index b9e46bf0aa61ab8f412db5259ed2301714330798..0000000000000000000000000000000000000000
--- a/apps/blog/components/sub-navigation.tsx
+++ /dev/null
@@ -1,40 +0,0 @@
-'use client';
-import { Separator } from '@ui/components/separator';
-import Link from 'next/link';
-import { usePathname } from 'next/navigation';
-
-export default function SubNavigation({ username }: { username: string }) {
-  const pathname = usePathname();
-  return (
-    <div className="flex h-5 items-center justify-center space-x-4 text-sm">
-      <Separator />
-      <Link
-        href={`/${username}/posts`}
-        className={`cursor-pointer hover:text-destructive hover:underline ${
-          pathname === `/${username}/posts` ? 'text-destructive' : ''
-        }`}
-      >
-        Posts
-      </Link>
-      <Separator orientation="vertical" />
-      <Link
-        href={`/${username}/comments`}
-        className={`cursor-pointer hover:text-destructive hover:underline ${
-          pathname === `/${username}/comments` ? 'text-destructive' : ''
-        }`}
-      >
-        Comments
-      </Link>
-      <Separator orientation="vertical" />
-      <Link
-        href={`/${username}/payouts`}
-        className={`cursor-pointer hover:text-destructive hover:underline ${
-          pathname === `/${username}/payouts` ? 'text-destructive' : ''
-        }`}
-      >
-        Payouts
-      </Link>
-      <Separator />
-    </div>
-  );
-}
diff --git a/apps/blog/feature/account-profile/main-page.tsx b/apps/blog/feature/account-profile/main-page.tsx
deleted file mode 100644
index d734a220cbfeb07a72f941577e40fd99b9d66ce9..0000000000000000000000000000000000000000
--- a/apps/blog/feature/account-profile/main-page.tsx
+++ /dev/null
@@ -1,116 +0,0 @@
-import { useSiteParams } from '@ui/components/hooks/use-site-params';
-import { useInfiniteQuery } from '@tanstack/react-query';
-import { DATA_LIMIT as PER_PAGE, getAccountPosts } from '@transaction/lib/bridge';
-import { Entry } from '@transaction/lib/extended-hive.chain';
-import { useEffect } from 'react';
-import PostList from '@/blog/components/post-list';
-import ProfileLayout from '@/blog/components/common/profile-layout';
-import { useInView } from 'react-intersection-observer';
-import { useTranslation } from 'next-i18next';
-import { useUser } from '@smart-signer/lib/auth/use-user';
-import userIllegalContent from '@hive/ui/config/lists/user-illegal-content';
-import Head from 'next/head';
-import { MetadataProps } from '@/blog/lib/get-translations';
-import NoDataError from '@/blog/components/no-data-error';
-import { Preferences } from '@/blog/lib/utils';
-import PostCardSkeleton from '@hive/ui/components/card-skeleton';
-
-const AccountProfileMainPage = ({
-  metadata,
-  nsfwPreferences
-}: {
-  metadata: MetadataProps;
-  nsfwPreferences: Preferences['nsfw'];
-}) => {
-  const { username } = useSiteParams();
-  const legalBlockedUser = userIllegalContent.includes(username);
-  const { ref, inView } = useInView();
-  const { t } = useTranslation('common_blog');
-  const { user } = useUser();
-
-  const { data, isFetching, isError, isFetchingNextPage, fetchNextPage, hasNextPage } = useInfiniteQuery(
-    ['accountEntriesInfinite', username],
-    async ({ pageParam }: { pageParam?: Entry }) => {
-      return await getAccountPosts('blog', username, user.username, pageParam?.author, pageParam?.permlink);
-    },
-    {
-      getNextPageParam: (lastPage) => {
-        if (lastPage && lastPage.length === PER_PAGE) {
-          return {
-            author: lastPage[lastPage.length - 1].author,
-            permlink: lastPage[lastPage.length - 1].permlink
-          };
-        }
-      },
-      enabled: Boolean(username)
-    }
-  );
-
-  useEffect(() => {
-    if (inView && hasNextPage) {
-      fetchNextPage();
-    }
-  }, [fetchNextPage, hasNextPage, inView]);
-
-  if (isError) return <NoDataError />;
-
-  return (
-    <>
-      <Head>
-        <title>{metadata.tabTitle}</title>
-        <meta property="og:title" content={metadata.title} />
-        <meta property="og:description" content={metadata.description} />
-        <meta property="og:image" content={metadata.image} />
-      </Head>
-      {!legalBlockedUser ? (
-        <ProfileLayout>
-          <>
-            {data && data.pages ? (
-              <>
-                {data.pages[0]?.length !== 0 ? (
-                  data.pages.map((page, index) => {
-                    return page ? (
-                      <PostList
-                        data={page}
-                        key={`x-${index}`}
-                        nsfwPreferences={nsfwPreferences}
-                        testFilter="profile-blog-list"
-                      />
-                    ) : null;
-                  })
-                ) : (
-                  <div
-                    className="border-card-empty-border mt-12 border-2 border-solid bg-card-noContent px-4 py-6 text-sm"
-                    data-testid="user-has-not-started-blogging-yet"
-                  >
-                    {t('user_profile.no_blogging_yet', { username: username })}
-                  </div>
-                )}
-                <div>
-                  <button
-                    ref={ref}
-                    onClick={() => fetchNextPage()}
-                    disabled={!hasNextPage || isFetchingNextPage}
-                  >
-                    {isFetchingNextPage && data.pages.length > 0 ? (
-                      <PostCardSkeleton />
-                    ) : hasNextPage ? (
-                      t('user_profile.load_newer')
-                    ) : data.pages[0] && data.pages[0].length > 0 ? (
-                      t('user_profile.nothing_more_to_load')
-                    ) : null}
-                  </button>
-                </div>
-                <div>{isFetching && !isFetchingNextPage ? 'Background Updating...' : null}</div>
-              </>
-            ) : null}
-          </>
-        </ProfileLayout>
-      ) : (
-        <div className="p-10">{t('global.unavailable_for_legal_reasons')}</div>
-      )}
-    </>
-  );
-};
-
-export default AccountProfileMainPage;
diff --git a/apps/blog/feature/community-layout/community-layout.tsx b/apps/blog/feature/community-layout/community-layout.tsx
deleted file mode 100644
index 2abaaae2465f36e65dd932db1c0160f0e6c80b4d..0000000000000000000000000000000000000000
--- a/apps/blog/feature/community-layout/community-layout.tsx
+++ /dev/null
@@ -1,84 +0,0 @@
-import { ReactNode } from 'react';
-import CommunitySimpleDescription from './community-simple-description';
-import CommunitiesMybar from '../../components/communities-mybar';
-import CommunitiesSidebar from '../../components/communities-sidebar';
-import { useQuery } from '@tanstack/react-query';
-import { useUser } from '@smart-signer/lib/auth/use-user';
-import { getAccountNotifications, getSubscribers } from '@transaction/lib/bridge';
-import CommunityDescription from './community-description';
-import SimpleDescriptionSkeleton from '@/blog/feature/community-layout/simple-description-skeleton';
-import DescriptionSkeleton from './descripton-skeleton';
-import ExploreHive from '@/blog/components/explore-hive';
-import { Community } from '@transaction/lib/extended-hive.chain';
-
-const CommunityLayout = ({
-  children,
-  community,
-  mySubsData,
-  communityData
-}: {
-  children: ReactNode;
-  community?: string;
-  mySubsData?: string[][] | null;
-  communityData?: Community | null;
-}) => {
-  const { user } = useUser();
-  const communityPage = community?.startsWith('hive-') ?? false;
-
-  const { data: subsData, isLoading: subsIsLoading } = useQuery(
-    ['subscribers', community],
-    () => getSubscribers(community ?? ''),
-    { enabled: !!community }
-  );
-  const { data: notificationData } = useQuery(
-    ['AccountNotification', community],
-    () => getAccountNotifications(community ?? ''),
-    { enabled: !!community }
-  );
-  return (
-    <div className="container mx-auto max-w-screen-2xl flex-grow px-4 pb-2">
-      <div className="grid grid-cols-12 md:gap-4">
-        <div className="hidden md:col-span-3 md:flex xl:col-span-2">
-          {!!mySubsData ? (
-            <CommunitiesMybar data={mySubsData} username={user.username} />
-          ) : (
-            <CommunitiesSidebar />
-          )}
-        </div>
-        <div className="col-span-12 md:col-span-9 xl:col-span-8">
-          <div data-testid="card-explore-hive-mobile" className="md:col-span-10 md:flex xl:hidden">
-            {!community || !communityPage ? null : subsIsLoading ? (
-              <SimpleDescriptionSkeleton />
-            ) : communityData && subsData ? (
-              <CommunitySimpleDescription
-                data={communityData}
-                subs={subsData}
-                username={community}
-                notificationData={notificationData}
-              />
-            ) : null}
-          </div>
-
-          <div className="col-span-12 mb-5 flex flex-col md:col-span-10 lg:col-span-8">{children}</div>
-        </div>
-        <div data-testid="card-explore-hive-desktop" className="hidden xl:col-span-2 xl:flex">
-          {!community && !mySubsData ? (
-            <ExploreHive />
-          ) : !community && !communityData ? (
-            <CommunitiesSidebar />
-          ) : !communityPage ? null : !!community && subsIsLoading ? (
-            <DescriptionSkeleton />
-          ) : communityData && subsData ? (
-            <CommunityDescription
-              data={communityData}
-              subs={subsData}
-              notificationData={notificationData}
-              username={community ?? ''}
-            />
-          ) : null}
-        </div>
-      </div>
-    </div>
-  );
-};
-export default CommunityLayout;
diff --git a/apps/blog/feature/community-layout/descripton-skeleton.tsx b/apps/blog/feature/community-layout/descripton-skeleton.tsx
deleted file mode 100644
index 200262f74f9f3f7fdbffaa053086b45b8c3a01e6..0000000000000000000000000000000000000000
--- a/apps/blog/feature/community-layout/descripton-skeleton.tsx
+++ /dev/null
@@ -1,53 +0,0 @@
-import { Skeleton } from '@ui/components/skeleton';
-
-const DescriptionSkeleton = () => {
-  return (
-    <div className="flex flex-col">
-      <div className="my-4 flex h-fit w-full max-w-[240px] flex-col rounded-lg bg-background px-4 py-8">
-        <div className="flex flex-col gap-3">
-          <Skeleton className="h-4 w-32" />
-          <div className="flex flex-col gap-1">
-            <Skeleton className="h-3 w-full" />
-            <Skeleton className="h-3 w-3/4" />
-          </div>
-        </div>
-        <div className="flex flex-wrap justify-center gap-2 pt-12">
-          <Skeleton className="h-4 w-24" />
-          <Skeleton className="h-4 w-24" />
-          <Skeleton className="mt-4 h-4 w-24" />
-        </div>
-        <div className="mt-5 flex flex-col gap-2">
-          <Skeleton className="h-9 w-full" />
-          <Skeleton className="h-9 w-full" />
-        </div>
-
-        <Skeleton className="mt-8 h-4 w-1/2" />
-        <Skeleton className="mt-2 h-4 w-1/2 self-end" />
-        <div className="mt-2 flex flex-col gap-2">
-          <Skeleton className="h-4 w-1/3" />
-          <Skeleton className="h-4 w-1/3" />
-          <Skeleton className="h-4 w-1/3" />
-          <Skeleton className="h-4 w-1/3" />
-          <Skeleton className="h-4 w-1/3" />
-          <Skeleton className="h-4 w-1/3" />
-        </div>
-        <Skeleton className="mt-8 h-4 w-1/2 self-end" />
-      </div>
-      <div className="my-4 flex h-fit w-full max-w-[240px] flex-col rounded-lg bg-background px-4 py-8">
-        <div className="flex flex-col gap-3">
-          <Skeleton className="h-4 w-32" />
-          <div className="flex flex-col gap-1">
-            <Skeleton className="h-3 w-full" />
-            <Skeleton className="h-3 w-3/4" />
-          </div>
-        </div>
-
-        <div className="mt-12 flex flex-col gap-2">
-          <Skeleton className="h-4 w-32" />
-          <Skeleton className="h-4 w-5" />
-        </div>
-      </div>
-    </div>
-  );
-};
-export default DescriptionSkeleton;
diff --git a/apps/blog/feature/community-layout/simple-description-skeleton.tsx b/apps/blog/feature/community-layout/simple-description-skeleton.tsx
deleted file mode 100644
index cacee3db016f63dd8b7dc9e84dab9b49670d0781..0000000000000000000000000000000000000000
--- a/apps/blog/feature/community-layout/simple-description-skeleton.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { Skeleton } from '@ui/components/skeleton';
-
-const SimpleDescriptionSkeleton = () => {
-  return (
-    <div className="grid w-full grid-cols-3 rounded-lg border border-border bg-background p-4">
-      <div className="col-span-2 my-4 w-full space-y-4">
-        <div className="flex items-center space-x-4">
-          <div className="space-y-2">
-            <Skeleton className="h-4 w-32" />
-            <div className="flex gap-2">
-              <Skeleton className="h-3 w-24" />
-              <Skeleton className="h-3 w-24" />
-            </div>
-          </div>
-        </div>
-        <Skeleton className="h-4 w-full" />
-        <div className="flex space-x-4">
-          <Skeleton className="h-3 w-16" />
-          <Skeleton className="h-3 w-16" />
-        </div>
-      </div>
-      <div className="col-span-1 flex h-full flex-col items-center justify-center gap-3">
-        <Skeleton className="h-9 w-20" />
-        <Skeleton className="h-9 w-20" />
-      </div>
-    </div>
-  );
-};
-export default SimpleDescriptionSkeleton;
diff --git a/apps/blog/feature/search/account-topic-result.tsx b/apps/blog/feature/search/account-topic-result.tsx
deleted file mode 100644
index f2822b94e1669d98728a640b3604758fe57c8d19..0000000000000000000000000000000000000000
--- a/apps/blog/feature/search/account-topic-result.tsx
+++ /dev/null
@@ -1,109 +0,0 @@
-import { useInfiniteQuery } from '@tanstack/react-query';
-import { SearchSort } from '@ui/hooks/useSearch';
-import { PER_PAGE } from './lib/utils';
-import { useEffect } from 'react';
-import { useTranslation } from 'next-i18next';
-import { useInView } from 'react-intersection-observer';
-import { useUser } from '@smart-signer/lib/auth/use-user';
-import PostList from '@/blog/components/post-list';
-import Loading from '@ui/components/loading';
-import { getByText } from '@transaction/lib/hive';
-import Link from 'next/link';
-import { Activity } from 'lucide-react';
-import { Preferences } from '@transaction/lib/app-types';
-import PostCardSkeleton from '@hive/ui/components/card-skeleton';
-
-const AccountTopicResult = ({
-  author,
-  query,
-  sort,
-  nsfwPreferences
-}: {
-  query: string;
-  sort: SearchSort;
-  author?: string;
-  nsfwPreferences: Preferences['nsfw'];
-}) => {
-  const { user } = useUser();
-  const { ref, inView } = useInView();
-  const { t } = useTranslation('common_blog');
-  const { data, isLoading, isFetching, isFetchingNextPage, fetchNextPage, hasNextPage } = useInfiniteQuery(
-    ['similarPosts', query, author, sort],
-    async ({ pageParam }: { pageParam?: { author: string; permlink: string } }) => {
-      return await getByText({
-        pattern: query,
-        author,
-        observer: user.username,
-        start_permlink: pageParam?.permlink ?? '',
-        start_author: pageParam?.author ?? '',
-        limit: PER_PAGE,
-        sort
-      });
-    },
-    {
-      getNextPageParam: (lastPage) => {
-        if (lastPage && lastPage.length === PER_PAGE) {
-          return {
-            author: lastPage[lastPage.length - 1].author,
-            permlink: lastPage[lastPage.length - 1].permlink
-          };
-        }
-      },
-
-      refetchOnWindowFocus: false,
-      refetchOnReconnect: false,
-      refetchOnMount: false,
-      enabled: !!query
-    }
-  );
-
-  useEffect(() => {
-    if (inView && hasNextPage) {
-      fetchNextPage();
-    }
-  }, [isFetchingNextPage, hasNextPage, inView]);
-  return (
-    <div>
-      {!query ? null : isLoading ? (
-        <Loading loading={isLoading} />
-      ) : data ? (
-        data.pages.map((page, index) => {
-          return page ? <PostList data={page} key={`ai-${index}`} nsfwPreferences={nsfwPreferences} /> : '';
-        })
-      ) : (
-        <div className="mx-auto flex flex-col items-center py-8">
-          <h3 className="py-4 text-lg">No Data Available</h3>
-          <p className="mb-4 text-center text-muted-foreground">
-            There was a problem fetching the data.
-          </p>{' '}
-          <Link
-            href="/status/settings"
-            className="mt-4 inline-flex items-center text-primary hover:underline"
-          >
-            <Activity className="mr-2 h-4 w-4" />
-            Check Node Status
-          </Link>
-        </div>
-      )}
-      <div>
-        <button
-          ref={ref}
-          onClick={() => {
-            fetchNextPage(), console.log('fetchNextPage');
-          }}
-          disabled={!hasNextPage || isFetchingNextPage}
-        >
-          {isFetchingNextPage ? (
-            <PostCardSkeleton />
-          ) : hasNextPage ? (
-            t('user_profile.load_newer')
-          ) : !isLoading ? (
-            t('user_profile.nothing_more_to_load')
-          ) : null}
-        </button>
-      </div>
-    </div>
-  );
-};
-
-export default AccountTopicResult;
diff --git a/apps/blog/features/account-lists/hooks/use-followers-infinitequery.tsx b/apps/blog/features/account-lists/hooks/use-followers-infinitequery.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..b588fb6ea4f470b8f44820d9ae1a295dd625ceba
--- /dev/null
+++ b/apps/blog/features/account-lists/hooks/use-followers-infinitequery.tsx
@@ -0,0 +1,17 @@
+import { getFollowers } from '@transaction/lib/hive-api';
+import { useInfiniteQuery } from '@tanstack/react-query';
+import { DEFAULT_PARAMS_FOR_FOLLOW, IGetFollowParams } from '@transaction/lib/hive-api';
+
+export const useFollowersInfiniteQuery = (
+  account: IGetFollowParams['account'],
+  limit: IGetFollowParams['limit'] = DEFAULT_PARAMS_FOR_FOLLOW.limit
+) => {
+  return useInfiniteQuery({
+    queryKey: ['followersData', account],
+    queryFn: ({ pageParam: last_id }) => getFollowers({ account, start: last_id, limit }),
+    enabled: Boolean(account),
+    getNextPageParam: (lastPage) => {
+      return lastPage.length >= limit ? lastPage[lastPage.length - 1].follower : undefined;
+    }
+  });
+};
diff --git a/apps/blog/features/account-lists/hooks/use-following-infinitequery.tsx b/apps/blog/features/account-lists/hooks/use-following-infinitequery.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..393937384d74c9c1af6e6ec5da493cd4411100c9
--- /dev/null
+++ b/apps/blog/features/account-lists/hooks/use-following-infinitequery.tsx
@@ -0,0 +1,18 @@
+import { useInfiniteQuery } from '@tanstack/react-query';
+import { IGetFollowParams, DEFAULT_PARAMS_FOR_FOLLOW, getFollowing } from '@transaction/lib/hive-api';
+
+export const useFollowingInfiniteQuery = (
+  account: IGetFollowParams['account'],
+  limit: IGetFollowParams['limit'] = DEFAULT_PARAMS_FOR_FOLLOW.limit,
+  type?: string,
+  extendedKey?: any[]
+) => {
+  return useInfiniteQuery({
+    queryKey: ['followingData', account, ...(extendedKey || [])],
+    queryFn: ({ pageParam: last_id }) => getFollowing({ account, start: last_id, type, limit }),
+    enabled: Boolean(account),
+    getNextPageParam: (lastPage) => {
+      return lastPage.length >= limit ? lastPage[lastPage.length - 1].following : undefined;
+    }
+  });
+};
diff --git a/apps/blog/feature/account-lists/list-area.tsx b/apps/blog/features/account-lists/list-area.tsx
similarity index 95%
rename from apps/blog/feature/account-lists/list-area.tsx
rename to apps/blog/features/account-lists/list-area.tsx
index 5cc7cd42c41399cd25fa586aef8bfd419a3035e3..ab0186eff992157e982c94c3ac3c5c4d3fe99bb6 100644
--- a/apps/blog/feature/account-lists/list-area.tsx
+++ b/apps/blog/features/account-lists/list-area.tsx
@@ -5,7 +5,7 @@ import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from '@u
 import clsx from 'clsx';
 import { IFollowList } from '@transaction/lib/extended-hive.chain';
 import { useEffect, useState } from 'react';
-import { useTranslation } from 'next-i18next';
+import { useTranslation } from '@/blog/i18n/client';
 import { handleError } from '@ui/lib/handle-error';
 import { CircleSpinner } from 'react-spinners-kit';
 import { useResetAllListsMutation } from '@/blog/components/hooks/use-reset-mutations';
@@ -44,14 +44,14 @@ const ListArea = ({
   const resetAllListsMutation = useResetAllListsMutation();
   const [disabled, setDisabled] = useState(false);
   useEffect(() => {
-    if (resetAllListsMutation.isLoading || resetListIsLoading) {
+    if (resetAllListsMutation.isPending || resetListIsLoading) {
       setDisabled(true);
     } else {
       setTimeout(() => {
         setDisabled(false);
       }, 3000);
     }
-  }, [resetAllListsMutation.isLoading, resetListIsLoading]);
+  }, [resetAllListsMutation.isPending, resetListIsLoading]);
   const resetAll = async () => {
     try {
       await resetAllListsMutation.mutateAsync();
@@ -149,7 +149,7 @@ const ListArea = ({
               className="bg-background sm:w-3/4"
               value={addValue}
               onChange={(e) => setAddValue(e.target.value)}
-              disabled={resetListIsLoading || resetAllListsMutation.isLoading}
+              disabled={resetListIsLoading || resetAllListsMutation.isPending}
             />
           </div>
           {addValue ? (
@@ -182,7 +182,7 @@ const ListArea = ({
               className="text-xs"
               disabled={disabled}
             >
-              {resetListIsLoading || resetAllListsMutation.isLoading ? (
+              {resetListIsLoading || resetAllListsMutation.isPending ? (
                 <span className="flex h-5 w-20 items-center justify-center">
                   <CircleSpinner loading={disabled} size={18} color="#dc2626" />
                 </span>
@@ -191,9 +191,9 @@ const ListArea = ({
               )}
             </Button>
             <Button disabled={disabled} onClick={resetAll} size="sm" className="text-xs">
-              {resetAllListsMutation.isLoading ? (
+              {resetAllListsMutation.isPending ? (
                 <span className="flex h-5 w-20 items-center justify-center">
-                  <CircleSpinner loading={resetAllListsMutation.isLoading} size={18} color="#dc2626" />
+                  <CircleSpinner loading={resetAllListsMutation.isPending} size={18} color="#dc2626" />
                 </span>
               ) : (
                 t('user_profile.lists.list.reset_all_lists')
diff --git a/apps/blog/feature/account-lists/list-item.tsx b/apps/blog/features/account-lists/list-item.tsx
similarity index 92%
rename from apps/blog/feature/account-lists/list-item.tsx
rename to apps/blog/features/account-lists/list-item.tsx
index 9cfaea0b5500344c43286ff9ba8c0b28c87a2fd9..d1f4f32aeb404dac6e8232ce393867573cb310fb 100644
--- a/apps/blog/feature/account-lists/list-item.tsx
+++ b/apps/blog/features/account-lists/list-item.tsx
@@ -1,7 +1,7 @@
 import { useUnblacklistBlogMutation } from '@/blog/components/hooks/use-blacklist-mutations';
 import { useUnfollowBlacklistBlogMutation } from '@/blog/components/hooks/use-follow-blacklist-mutation';
 import { useUnfollowMutedBlogMutation } from '@/blog/components/hooks/use-follow-muted-list-mutation';
-import { useUnmuteMutation } from '@/blog/components/hooks/use-mute-mutations';
+import { useUnmuteMutation } from '@/blog/features/mute-follow/hooks/use-mute-mutations';
 import { IFollowList } from '@transaction/lib/extended-hive.chain';
 import { Button } from '@ui/components';
 import { handleError } from '@ui/lib/handle-error';
@@ -53,10 +53,10 @@ const ListItem = ({
     unfollowMutedBlogMutation.variables?.blog;
 
   const deleteIsLoading =
-    unblacklistBlogMutation.isLoading ||
-    unfollowBlacklistBlogMutation.isLoading ||
-    unmuteMutation.isLoading ||
-    unfollowMutedBlogMutation.isLoading;
+    unblacklistBlogMutation.isPending ||
+    unfollowBlacklistBlogMutation.isPending ||
+    unmuteMutation.isPending ||
+    unfollowMutedBlogMutation.isPending;
   return (
     <li className="flex w-72 items-center justify-between bg-background p-1 font-semibold odd:bg-background-tertiary">
       {!item._temporary ? (
diff --git a/apps/blog/feature/account-lists/list-variant.tsx b/apps/blog/features/account-lists/list-variant.tsx
similarity index 89%
rename from apps/blog/feature/account-lists/list-variant.tsx
rename to apps/blog/features/account-lists/list-variant.tsx
index b723449d31906d841ee1fa8f6c290a91745afe2b..7ec9e0d276d890d0b5aaf9535975506c770d4170 100644
--- a/apps/blog/feature/account-lists/list-variant.tsx
+++ b/apps/blog/features/account-lists/list-variant.tsx
@@ -1,4 +1,4 @@
-import { useTranslation } from 'next-i18next';
+import { useTranslation } from '@/blog/i18n/client';
 import ListArea from './list-area';
 import { useUser } from '@smart-signer/lib/auth/use-user';
 import { FullAccount } from '@transaction/lib/app-types';
@@ -7,7 +7,10 @@ import {
   useBlacklistBlogMutation,
   useResetBlacklistBlogMutation
 } from '@/blog/components/hooks/use-blacklist-mutations';
-import { useMuteMutation, useResetBlogListMutation } from '@/blog/components/hooks/use-mute-mutations';
+import {
+  useMuteMutation,
+  useResetBlogListMutation
+} from '@/blog/features/mute-follow/hooks/use-mute-mutations';
 import { handleError } from '@ui/lib/handle-error';
 import {
   useFollowBlacklistBlogMutation,
@@ -19,7 +22,7 @@ import {
 } from '@/blog/components/hooks/use-follow-muted-list-mutation';
 
 interface ListVariantProps {
-  variant: 'blacklisted' | 'muted' | 'followedBlacklist' | 'followedMute';
+  variant: 'blacklisted' | 'muted' | 'follow_blacklist' | 'followed_muted_lists';
   username: string;
   profileData: FullAccount;
   data: IFollowList[] | undefined;
@@ -61,8 +64,8 @@ const ListVariant = ({
           listDescription={profileData?.profile?.blacklist_description}
           data={data}
           splitArrays={splitArrays}
-          isLoading={blacklistBlogMutation.isLoading}
-          resetListIsLoading={resetBlacklistBlogMutation.isLoading}
+          isLoading={blacklistBlogMutation.isPending}
+          resetListIsLoading={resetBlacklistBlogMutation.isPending}
           accountOwner={userOwner}
           variant="blacklisted"
           onSearchChange={onSearchChange}
@@ -91,8 +94,8 @@ const ListVariant = ({
           listDescription={profileData?.profile?.muted_list_description}
           data={data}
           splitArrays={splitArrays}
-          isLoading={muteMutation.isLoading}
-          resetListIsLoading={resetBlogListMutation.isLoading}
+          isLoading={muteMutation.isPending}
+          resetListIsLoading={resetBlogListMutation.isPending}
           accountOwner={userOwner}
           variant="muted"
           onSearchChange={onSearchChange}
@@ -112,7 +115,7 @@ const ListVariant = ({
           }}
         />
       );
-    case 'followedBlacklist':
+    case 'follow_blacklist':
       return (
         <ListArea
           titleBy={t('user_profile.lists.followed_blacklists', { username: username })}
@@ -121,8 +124,8 @@ const ListVariant = ({
           variant="followBlacklist"
           data={data}
           splitArrays={splitArrays}
-          isLoading={followBlacklistBlogMutation.isLoading}
-          resetListIsLoading={resetFollowBlacklistBlogMutation.isLoading}
+          isLoading={followBlacklistBlogMutation.isPending}
+          resetListIsLoading={resetFollowBlacklistBlogMutation.isPending}
           accountOwner={userOwner}
           onSearchChange={onSearchChange}
           handleAdd={async (name: string) => {
@@ -141,7 +144,7 @@ const ListVariant = ({
           }}
         />
       );
-    case 'followedMute':
+    case 'followed_muted_lists':
       return (
         <ListArea
           titleBy={t('user_profile.lists.followed_muted_lists', { username: username })}
@@ -149,8 +152,8 @@ const ListVariant = ({
           resetTitle={t('user_profile.lists.list.reset_followed_muted_list')}
           data={data}
           splitArrays={splitArrays}
-          isLoading={followMutedBlogMutation.isLoading}
-          resetListIsLoading={resetFollowMutedBlogMutation.isLoading}
+          isLoading={followMutedBlogMutation.isPending}
+          resetListIsLoading={resetFollowMutedBlogMutation.isPending}
           accountOwner={userOwner}
           onSearchChange={onSearchChange}
           variant="followMutedList"
diff --git a/apps/blog/features/account-lists/lists-page.tsx b/apps/blog/features/account-lists/lists-page.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..e3340a9a039d231741fb22818fe5c61ddffdf0e7
--- /dev/null
+++ b/apps/blog/features/account-lists/lists-page.tsx
@@ -0,0 +1,25 @@
+import { getQueryClient } from '@/blog/lib/react-query';
+import { dehydrate, Hydrate } from '@tanstack/react-query';
+import { getFollowList } from '@transaction/lib/bridge-api';
+import { FollowListType } from '@transaction/lib/extended-hive.chain';
+import { ReactNode } from 'react';
+
+const ListsPage = async ({
+  username,
+  children,
+  type
+}: {
+  username: string;
+  children: ReactNode;
+  type: FollowListType;
+}) => {
+  const queryClient = getQueryClient();
+  const usernameClean = username.replace('%40', '');
+
+  await queryClient.prefetchQuery({
+    queryKey: [type, usernameClean],
+    queryFn: () => getFollowList(usernameClean, type)
+  });
+  return <Hydrate state={dehydrate(queryClient)}>{children}</Hydrate>;
+};
+export default ListsPage;
diff --git a/apps/blog/components/prev-next-buttons.tsx b/apps/blog/features/account-lists/prev-next-buttons.tsx
similarity index 91%
rename from apps/blog/components/prev-next-buttons.tsx
rename to apps/blog/features/account-lists/prev-next-buttons.tsx
index 1398561d4f1788a485359db6c8dd903bc643cfc9..70042710282c6f89ef54f5c3ed84aab562db6dcc 100644
--- a/apps/blog/components/prev-next-buttons.tsx
+++ b/apps/blog/features/account-lists/prev-next-buttons.tsx
@@ -1,5 +1,7 @@
+'use client';
+
+import { useTranslation } from '@/blog/i18n/client';
 import { Button } from '@ui/components/button';
-import { useTranslation } from 'next-i18next';
 
 export default function PrevNextButtons({
   onNextPage,
diff --git a/apps/blog/features/account-lists/profile-lists-component.tsx b/apps/blog/features/account-lists/profile-lists-component.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..38d9c3e7d1c3018465e4f776ef6e4cadfd73e8ca
--- /dev/null
+++ b/apps/blog/features/account-lists/profile-lists-component.tsx
@@ -0,0 +1,45 @@
+'usle client';
+import { IFollowList } from '@transaction/lib/extended-hive.chain';
+import { useMemo, useState } from 'react';
+import { getAccountFull } from '@transaction/lib/hive-api';
+import { useQuery } from '@tanstack/react-query';
+import ListVariant from './list-variant';
+
+const CHUNK_SIZE = 10;
+
+export default function ProfileLists({
+  username,
+  variant,
+  data
+}: {
+  username: string;
+  variant: 'blacklisted' | 'muted' | 'follow_blacklist' | 'followed_muted_lists';
+  data: IFollowList[] | undefined;
+}) {
+  const { data: profilData } = useQuery({
+    queryKey: ['profileData', username],
+    queryFn: () => getAccountFull(username)
+  });
+  const [filter, setFilter] = useState('');
+
+  const splitArrays = useMemo(() => {
+    const filteredNames =
+      data?.filter((e) => e.name !== 'null' && e.name.toLowerCase().includes(filter.toLowerCase())) ?? [];
+    if (!filteredNames.length) return [];
+
+    return Array.from({ length: Math.ceil(filteredNames.length / CHUNK_SIZE) }, (_, i) =>
+      filteredNames.slice(i * CHUNK_SIZE, (i + 1) * CHUNK_SIZE)
+    );
+  }, [data, filter]);
+
+  return profilData ? (
+    <ListVariant
+      variant={variant}
+      username={username}
+      profileData={profilData}
+      data={data}
+      splitArrays={splitArrays}
+      onSearchChange={setFilter}
+    />
+  ) : null;
+}
diff --git a/apps/blog/features/account-profile/lib/utils.ts b/apps/blog/features/account-profile/lib/utils.ts
new file mode 100644
index 0000000000000000000000000000000000000000..2ea8e4b1d38bacd76dbf8c6d71840144fd8d4ede
--- /dev/null
+++ b/apps/blog/features/account-profile/lib/utils.ts
@@ -0,0 +1 @@
+export type QueryTypes = 'blog' | 'posts' | 'feed' | 'replies' | 'comments' | 'payout';
diff --git a/apps/blog/features/account-profile/posts-content.tsx b/apps/blog/features/account-profile/posts-content.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..98399c1d1d7dfc37a7b95087feca72a3d9682ee3
--- /dev/null
+++ b/apps/blog/features/account-profile/posts-content.tsx
@@ -0,0 +1,123 @@
+'use client';
+
+import NoDataError from '@/blog/components/no-data-error';
+import PostList from '@/blog/features/list-of-posts/posts-loader';
+import { PER_PAGE } from '@/blog/features/search/lib/utils';
+import { useTranslation } from '@/blog/i18n/client';
+import { DEFAULT_OBSERVER, DEFAULT_PREFERENCES, Preferences } from '@/blog/lib/utils';
+import { useUser } from '@smart-signer/lib/auth/use-user';
+import { useInfiniteQuery } from '@tanstack/react-query';
+import { getAccountPosts } from '@transaction/lib/bridge-api';
+import { Entry } from '@transaction/lib/extended-hive.chain';
+import userIllegalContent from '@ui/config/lists/user-illegal-content';
+import { useParams } from 'next/navigation';
+import { useEffect } from 'react';
+import { useInView } from 'react-intersection-observer';
+import { useLocalStorage } from 'usehooks-ts';
+import { QueryTypes } from './lib/utils';
+
+const PostsContent = ({ query }: { query: QueryTypes }) => {
+  const params = useParams<{ param: string }>();
+  const username = params?.param.replace('%40', '') ?? '';
+  const legalBlockedUser = userIllegalContent.includes(username);
+  const { ref, inView } = useInView();
+  // Create a separate ref for prefetching - triggers earlier than the main ref
+  const { ref: prefetchRef, inView: prefetchInView } = useInView({
+    // Start prefetching when element is 1500px from entering viewport
+    rootMargin: '1500px 0px',
+    // Only trigger once per element
+    triggerOnce: false
+  });
+  const { t } = useTranslation('common_blog');
+  const { user } = useUser();
+  const observer = user.isLoggedIn ? user.username : DEFAULT_OBSERVER;
+  const [preferences] = useLocalStorage<Preferences>(
+    `user-preferences-${user.username}`,
+    DEFAULT_PREFERENCES
+  );
+
+  const { data, isFetching, isFetchingNextPage, fetchNextPage, hasNextPage, isError } = useInfiniteQuery({
+    queryKey: ['accountEntriesInfinite', username, query],
+    queryFn: async ({ pageParam }: { pageParam?: Entry }) => {
+      return await getAccountPosts(query, username, observer, pageParam?.author, pageParam?.permlink);
+    },
+    getNextPageParam: (lastPage) => {
+      if (lastPage && lastPage.length === PER_PAGE) {
+        return {
+          author: lastPage[lastPage.length - 1].author,
+          permlink: lastPage[lastPage.length - 1].permlink
+        };
+      }
+    },
+    enabled: Boolean(username)
+  });
+
+  // Prefetch when user is getting close to the end
+  useEffect(() => {
+    if (prefetchInView && hasNextPage && !isFetchingNextPage) {
+      fetchNextPage();
+    }
+  }, [prefetchInView, hasNextPage, isFetchingNextPage, fetchNextPage]);
+
+  // Fallback: still trigger when reaching the actual button
+  useEffect(() => {
+    if (inView && hasNextPage && !isFetchingNextPage) {
+      fetchNextPage();
+    }
+  }, [inView, hasNextPage, isFetchingNextPage, fetchNextPage]);
+
+  // Calculate total posts to determine when to show prefetch trigger
+  const totalPosts = data?.pages?.reduce((acc, page) => acc + (page?.length || 0), 0) || 0;
+
+  if (isError) return <NoDataError />;
+
+  return !legalBlockedUser ? (
+    <>
+      {data && data.pages ? (
+        <>
+          {data.pages[0]?.length !== 0 ? (
+            data.pages.map((page, pageIndex) => {
+              return page ? (
+                <div key={`page-${pageIndex}`}>
+                  <PostList
+                    data={page}
+                    key={`x-${pageIndex}`}
+                    nsfwPreferences={preferences.nsfw}
+                    testFilter="profile-blog-list"
+                  />
+                  {/* Add prefetch trigger before the last page, when we have more than one page */}
+                  {pageIndex === data.pages.length - 1 && totalPosts > 10 && (
+                    <div ref={prefetchRef} className="h-1 w-full" aria-hidden="true" />
+                  )}
+                </div>
+              ) : null;
+            })
+          ) : (
+            <div
+              className="border-card-empty-border mt-12 border-2 border-solid bg-card-noContent px-4 py-6 text-sm"
+              data-testid="user-has-not-started-blogging-yet"
+            >
+              {t('user_profile.no_blogging_yet', { username: username })}
+            </div>
+          )}
+          <div>
+            <button ref={ref} onClick={() => fetchNextPage()} disabled={!hasNextPage || isFetchingNextPage}>
+              {isFetchingNextPage && data.pages.length > 0 ? (
+                <div>Loading...</div>
+              ) : hasNextPage ? (
+                t('user_profile.load_newer')
+              ) : data.pages[0] && data.pages[0].length > 0 ? (
+                t('user_profile.nothing_more_to_load')
+              ) : null}
+            </button>
+          </div>
+          <div>{isFetching && !isFetchingNextPage ? 'Background Updating...' : null}</div>
+        </>
+      ) : null}
+    </>
+  ) : (
+    <div className="p-10">{t('global.unavailable_for_legal_reasons')}</div>
+  );
+};
+
+export default PostsContent;
diff --git a/apps/blog/features/account-profile/posts-page.tsx b/apps/blog/features/account-profile/posts-page.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..406db81aa46e7ef4dd22311ab1969f939c62dc22
--- /dev/null
+++ b/apps/blog/features/account-profile/posts-page.tsx
@@ -0,0 +1,37 @@
+import { getQueryClient } from '@/blog/lib/react-query';
+import { getAccountPosts } from '@transaction/lib/bridge-api';
+import { Entry } from '@transaction/lib/extended-hive.chain';
+import { dehydrate, Hydrate } from '@tanstack/react-query';
+import { ReactNode } from 'react';
+import { QueryTypes } from './lib/utils';
+import { getObserverFromCookies } from '@/blog/lib/auth-utils';
+
+const PostsPage = async ({
+  children,
+  param,
+  query
+}: {
+  children: ReactNode;
+  param: string;
+  query: QueryTypes;
+}) => {
+  const queryClient = getQueryClient();
+  const username = param.replace('%40', '');
+  const observer = getObserverFromCookies();
+  await queryClient.prefetchInfiniteQuery({
+    queryKey: ['accountEntriesInfinite', username, query],
+    queryFn: async ({ pageParam }) => {
+      const { author, permlink } = (pageParam as { author?: string; permlink?: string }) || {};
+      const postsData = await getAccountPosts(query, username, observer, author ?? '', permlink ?? '');
+      return postsData ?? [];
+    },
+    getNextPageParam: (lastPage: Entry[]) => {
+      if (!Array.isArray(lastPage) || lastPage.length === 0) return undefined;
+      const last = lastPage[lastPage.length - 1] as { author?: string; permlink?: string };
+      if (!last?.author || !last?.permlink) return undefined;
+      return { author: last.author, permlink: last.permlink };
+    }
+  });
+  return <Hydrate state={dehydrate(queryClient)}>{children}</Hydrate>;
+};
+export default PostsPage;
diff --git a/apps/blog/features/account-settings/form.tsx b/apps/blog/features/account-settings/form.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..f0ce999acb4811c0483ef4afe0d48bee6dac4b02
--- /dev/null
+++ b/apps/blog/features/account-settings/form.tsx
@@ -0,0 +1,378 @@
+'use client';
+
+import { useTranslation } from '@/blog/i18n/client';
+import { useQuery } from '@tanstack/react-query';
+import { getAccountFull } from '@transaction/lib/hive-api';
+import { Input } from '@ui/components/input';
+import { Label } from '@ui/components/label';
+import { MutableRefObject, useEffect, useRef, useState } from 'react';
+import { DEFAULT_SETTINGS, Settings, uploadImg, validation } from './lib/utils';
+import { Button } from '@ui/components/button';
+import { toast } from '@ui/components/hooks/use-toast';
+import { handleError } from '@ui/lib/handle-error';
+import { useUpdateProfileMutation } from './hooks/use-update-profile-mutation';
+import {
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from '@ui/components/select';
+import { useLocalStorage } from 'usehooks-ts';
+import { DEFAULT_PREFERENCES, Preferences } from '@/blog/lib/utils';
+import { CircleSpinner } from 'react-spinners-kit';
+import { Signer } from '@smart-signer/lib/signer/signer';
+import { useSignerContext } from '@smart-signer/components/signer-provider';
+
+const SettingsForm = ({ username }: { username: string }) => {
+  const { t } = useTranslation('common_blog');
+  const { data } = useQuery({
+    queryKey: ['profileData', username],
+    queryFn: () => getAccountFull(username)
+  });
+  const [preferences, setPreferences] = useLocalStorage<Preferences>(
+    `user-preferences-${username}`,
+    DEFAULT_PREFERENCES
+  );
+  const profileData = data?.profile;
+
+  const { signer } = useSignerContext();
+  const [settings, setSettings] = useState<Settings>(DEFAULT_SETTINGS);
+  const [insertImg, setInsertImg] = useState('');
+  const inputProfileRef = useRef<HTMLInputElement>(null) as MutableRefObject<HTMLInputElement>;
+  const inputCoverRef = useRef<HTMLInputElement>(null) as MutableRefObject<HTMLInputElement>;
+  const validationCheck = validation(settings, t);
+  const profileSettings: Settings = {
+    profile_image: profileData?.profile_image ? profileData.profile_image : '',
+    cover_image: profileData?.cover_image ? profileData.cover_image : '',
+    name: profileData?.name ? profileData.name : '',
+    about: profileData?.about ? profileData.about : '',
+    location: profileData?.location ? profileData.location : '',
+    website: profileData?.website ? profileData.website : '',
+    blacklist_description: profileData?.blacklist_description ? profileData.blacklist_description : '',
+    muted_list_description: profileData?.muted_list_description ? profileData.muted_list_description : ''
+  };
+
+  const updateProfileMutation = useUpdateProfileMutation();
+
+  const sameData =
+    profileSettings.profile_image === settings.profile_image &&
+    profileSettings.cover_image === settings.cover_image &&
+    profileSettings.name === settings.name &&
+    profileSettings.location === settings.location &&
+    profileSettings.website === settings.website &&
+    profileSettings.about === settings.about &&
+    profileSettings.blacklist_description === settings.blacklist_description &&
+    profileSettings.muted_list_description === settings.muted_list_description;
+
+  const disabledBtn = Object.values(validationCheck).some((value) => typeof value === 'string');
+
+  async function onSubmit() {
+    const updateProfileParams = {
+      profile_image: settings.profile_image !== '' ? settings.profile_image : undefined,
+      cover_image: settings.cover_image !== '' ? settings.cover_image : undefined,
+      name: settings.name !== '' ? settings.name : undefined,
+      about: settings.about !== '' ? settings.about : undefined,
+      location: settings.location !== '' ? settings.location : undefined,
+      website: settings.website !== '' ? settings.website : undefined,
+      witness_owner: profileData?.witness_owner,
+      witness_description: profileData?.witness_description,
+      blacklist_description:
+        settings.blacklist_description !== '' ? settings.blacklist_description : undefined,
+      muted_list_description:
+        settings.muted_list_description !== '' ? settings.muted_list_description : undefined
+    };
+
+    try {
+      await updateProfileMutation.mutateAsync(updateProfileParams);
+
+      toast({
+        title: t('settings_page.changes_saved'),
+        variant: 'success'
+      });
+    } catch (error) {
+      handleError(error, { method: 'updateProfile', params: updateProfileParams });
+    }
+  }
+
+  const inputProfileHandler = async (event: { target: { files: FileList } }) => {
+    if (event.target.files && event.target.files.length === 1) {
+      setInsertImg('');
+      const url = await onImageUpload(event.target.files[0], username, signer);
+      setSettings((prev) => ({ ...prev, profile_image: url }));
+    }
+  };
+
+  const onImageUpload = async (file: File, username: string, signer: Signer) => {
+    const url = await uploadImg(file, username, signer);
+    return url;
+  };
+  const inputCoverHandler = async (event: { target: { files: FileList } }) => {
+    if (event.target.files && event.target.files.length === 1) {
+      setInsertImg('');
+      const url = await onImageUpload(event.target.files[0], username, signer);
+      setSettings((prev) => ({ ...prev, cover_image: url }));
+    }
+  };
+
+  useEffect(() => {
+    setSettings(profileSettings);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  return (
+    <>
+      <div className="py-8">
+        <h2 className="py-4 text-lg font-semibold leading-5">{t('settings_page.public_profile_settings')}</h2>
+        <div className="grid grid-cols-1 gap-8 lg:grid-cols-3">
+          <div>
+            <Label htmlFor="profileImage">{t('settings_page.profile_image_url')}</Label>
+            <Input
+              type="text"
+              id="profileImage"
+              name="profileImage"
+              value={settings.profile_image}
+              onChange={(e) => setSettings((prev) => ({ ...prev, profile_image: e.target.value }))}
+            />
+            <span>
+              <Label
+                className="text-sm font-normal text-destructive hover:cursor-pointer"
+                htmlFor="profilePicture"
+              >
+                {t('settings_page.upload_image')}
+              </Label>
+              <Input
+                id="profilePicture"
+                type="file"
+                className="hidden"
+                ref={inputProfileRef}
+                accept=".jpg,.png,.jpeg,.jfif,.gif,.webp"
+                name="avatar"
+                value={insertImg}
+                //@ts-expect-error
+                onChange={inputProfileHandler}
+              />
+            </span>
+            <span className="pt-2 text-xs text-destructive">{validationCheck.profile_image}</span>
+          </div>
+
+          <div>
+            <Label htmlFor="coverImage">{t('settings_page.cover_image_url')}</Label>
+            <Input
+              type="text"
+              id="coverImage"
+              name="coverImage"
+              value={settings.cover_image}
+              onChange={(e) => setSettings((prev) => ({ ...prev, cover_image: e.target.value }))}
+            />
+            <span>
+              <Label
+                className="text-sm font-normal text-destructive hover:cursor-pointer"
+                htmlFor="coverPicture"
+              >
+                {t('settings_page.upload_image')}
+              </Label>
+              <Input
+                id="coverPicture"
+                type="file"
+                className="hidden"
+                ref={inputCoverRef}
+                accept=".jpg,.png,.jpeg,.jfif,.gif,.webp"
+                name="avatar"
+                value={insertImg}
+                //@ts-expect-error
+                onChange={inputCoverHandler}
+              />
+            </span>
+            <span className="pt-2 text-xs text-destructive">{validationCheck.cover_image}</span>
+          </div>
+
+          <div>
+            <Label htmlFor="name">{t('settings_page.profile_name')}</Label>
+            <Input
+              type="text"
+              id="name"
+              name="name"
+              value={settings.name}
+              onChange={(e) => setSettings((prev) => ({ ...prev, name: e.target.value }))}
+            />
+            <span className="pt-2 text-xs text-destructive">{validationCheck.name}</span>
+          </div>
+
+          <div>
+            <Label htmlFor="about">{t('settings_page.profile_about')}</Label>
+            <Input
+              type="email"
+              id="about"
+              name="about"
+              value={settings.about}
+              onChange={(e) => setSettings((prev) => ({ ...prev, about: e.target.value }))}
+            />
+            <span className="pt-2 text-xs text-destructive">{validationCheck.about}</span>
+          </div>
+
+          <div>
+            <Label htmlFor="location">{t('settings_page.profile_location')}</Label>
+            <Input
+              type="text"
+              id="location"
+              name="location"
+              value={settings.location}
+              onChange={(e) => setSettings((prev) => ({ ...prev, location: e.target.value }))}
+            />
+            <span className="pt-2 text-xs text-destructive">{validationCheck.location}</span>
+          </div>
+
+          <div>
+            <Label htmlFor="website">{t('settings_page.profile_website')}</Label>
+            <Input
+              type="text"
+              id="website"
+              name="website"
+              value={settings.website}
+              onChange={(e) => setSettings((prev) => ({ ...prev, website: e.target.value }))}
+            />
+            <span className="pt-2 text-xs text-destructive">{validationCheck.website}</span>
+          </div>
+
+          <div>
+            <Label htmlFor="blacklistDescription">{t('settings_page.blacklist_description')}</Label>
+            <Input
+              type="text"
+              id="blacklistDescription"
+              name="blacklistDescription"
+              value={settings.blacklist_description}
+              onChange={(e) => setSettings((prev) => ({ ...prev, blacklist_description: e.target.value }))}
+            />
+            <span className="pt-2 text-xs text-destructive">{validationCheck.blacklist_description}</span>
+          </div>
+
+          <div>
+            <Label htmlFor="mutedListDescription">{t('settings_page.mute_list_description')}</Label>
+            <Input
+              type="text"
+              id="mutedListDescription"
+              name="mutedListDescription"
+              value={settings.muted_list_description}
+              onChange={(e) => setSettings((prev) => ({ ...prev, muted_list_description: e.target.value }))}
+            />
+            <span className="pt-2 text-xs text-destructive">{validationCheck.muted_list_description}</span>
+          </div>
+        </div>
+        <Button
+          onClick={() => onSubmit()}
+          className="my-4 w-44"
+          data-testid="pps-update-button"
+          disabled={sameData || disabledBtn || updateProfileMutation.isPending || data?._temporary}
+        >
+          {updateProfileMutation.isPending ? (
+            <span className="flex items-center justify-center">
+              <CircleSpinner loading={updateProfileMutation.isPending} size={18} color="#dc2626" />
+            </span>
+          ) : (
+            t('settings_page.update')
+          )}
+        </Button>
+      </div>
+      <div className="py-8" data-testid="settings-preferences">
+        <h2 className="py-4 text-lg font-semibold leading-5">{t('settings_page.preferences')}</h2>
+
+        <div className="grid grid-cols-1 gap-8 lg:grid-cols-3">
+          <div data-testid="not-safe-for-work-content">
+            <Label htmlFor="not-safe-for-work-content">
+              {t('settings_page.not_safe_for_work_nsfw_content')}
+            </Label>
+            <Select
+              value={preferences.nsfw}
+              onValueChange={(e: 'hide' | 'warn' | 'show') =>
+                setPreferences((prev) => ({ ...prev, nsfw: e }))
+              }
+              name="not-safe-for-work-content"
+            >
+              <SelectTrigger>
+                <SelectValue placeholder="Not safe for work (NSFW) content" />
+              </SelectTrigger>
+              <SelectContent>
+                <SelectGroup>
+                  <SelectItem value="hide">{t('settings_page.always_hide')}</SelectItem>
+                  <SelectItem value="warn">{t('settings_page.always_warn')}</SelectItem>
+                  <SelectItem value="show">{t('settings_page.always_show')}</SelectItem>
+                </SelectGroup>
+              </SelectContent>
+            </Select>
+          </div>
+
+          <div data-testid="blog-post-rewards">
+            <Label htmlFor="blog-post-rewards">{t('settings_page.choose_default_blog_payout')}</Label>
+            <Select
+              value={preferences.blog_rewards}
+              onValueChange={(e: '0%' | '50%' | '100%') =>
+                setPreferences((prev) => ({ ...prev, blog_rewards: e }))
+              }
+              name="blog-post-rewards"
+            >
+              <SelectTrigger>
+                <SelectValue placeholder={t('settings_page.choose_default_blog_payout')} />
+              </SelectTrigger>
+              <SelectContent>
+                <SelectGroup>
+                  <SelectItem value="0%">{t('settings_page.decline_payout')}</SelectItem>
+                  <SelectItem value="50%">{'50% HBD / 50% HP'}</SelectItem>
+                  <SelectItem value="100%">{t('settings_page.power_up')}</SelectItem>
+                </SelectGroup>
+              </SelectContent>
+            </Select>
+          </div>
+
+          <div data-testid="comment-post-rewards">
+            <Label htmlFor="comment-post-rewards">{t('settings_page.choose_default_comment_payout')}</Label>
+            <Select
+              name="comment-post-rewards"
+              value={preferences.comment_rewards}
+              onValueChange={(e: '0%' | '50%' | '100%') =>
+                setPreferences((prev) => ({ ...prev, comment_rewards: e }))
+              }
+            >
+              <SelectTrigger>
+                <SelectValue placeholder={t('settings_page.choose_default_comment_payout')} />
+              </SelectTrigger>
+              <SelectContent>
+                <SelectGroup>
+                  <SelectItem value="0%">{t('settings_page.decline_payout')}</SelectItem>
+                  <SelectItem value="50%">{'50% HBD / 50% HP'}</SelectItem>
+                  <SelectItem value="100%">{t('settings_page.power_up')}</SelectItem>
+                </SelectGroup>
+              </SelectContent>
+            </Select>
+          </div>
+
+          <div data-testid="referral-system">
+            <Label htmlFor="referral-system">{t('settings_page.default_beneficiaries')}</Label>
+            <Select
+              name="referral-system"
+              value={preferences.referral_system}
+              onValueChange={(e: 'enabled' | 'disabled') =>
+                setPreferences((prev) => ({ ...prev, referral_system: e }))
+              }
+            >
+              <SelectTrigger>
+                <SelectValue placeholder="Referral System" />
+              </SelectTrigger>
+              <SelectContent>
+                <SelectGroup>
+                  <SelectItem value="enabled">{t('settings_page.default_beneficiaries_enabled')}</SelectItem>
+                  <SelectItem value="disabled">
+                    {t('settings_page.default_beneficiaries_disabled')}
+                  </SelectItem>
+                </SelectGroup>
+              </SelectContent>
+            </Select>
+          </div>
+        </div>
+      </div>
+    </>
+  );
+};
+
+export default SettingsForm;
diff --git a/apps/blog/features/account-settings/health-checker.tsx b/apps/blog/features/account-settings/health-checker.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..5020aea3ba2b730bf8d6b5d6b7832fe8579639ad
--- /dev/null
+++ b/apps/blog/features/account-settings/health-checker.tsx
@@ -0,0 +1,99 @@
+import { ApiChecker, HealthCheckerComponent } from '@hiveio/healthchecker-component';
+import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from '@ui/components/accordion';
+import { useHealthChecker } from '@ui/hooks/useHealthChecker';
+import { useEffect, useState } from 'react';
+import { hiveChainService } from '@transaction/lib/hive-chain-service';
+import { DEFAULT_AI_ENDPOINTS } from './lib/utils';
+
+const HealthChecker = () => {
+  const [nodeApiCheckers, setNodeApiCheckers] = useState<ApiChecker[] | undefined>(undefined);
+  const [aiSearchApiCheckers, setAiSearchApiCheckers] = useState<ApiChecker[] | undefined>(undefined);
+
+  const nodeHcService = useHealthChecker(
+    'node-api',
+    nodeApiCheckers,
+    'node-endpoint',
+    hiveChainService.setHiveChainEndpoint
+  );
+  const aiSearchHcService = useHealthChecker(
+    'ai-search',
+    aiSearchApiCheckers,
+    'ai-search-endpoint',
+    hiveChainService.setAiSearchEndpoint,
+    DEFAULT_AI_ENDPOINTS
+  );
+
+  const createApiCheckers = async () => {
+    const hiveChain = await hiveChainService.getHiveChain();
+    const nodeApiCheckers: ApiChecker[] = [
+      {
+        title: 'Condenser - Get accounts',
+        method: hiveChain.api.condenser_api.get_accounts,
+        params: [['guest4test']],
+        validatorFunction: (data) =>
+          Array.isArray(data) &&
+          data[0] &&
+          typeof data[0] === 'object' &&
+          'name' in data[0] &&
+          data[0].name === 'guest4test'
+            ? true
+            : 'Get block error'
+      },
+      {
+        title: 'Bridge - Get post',
+        method: hiveChain.api.bridge.get_post,
+        params: { author: 'guest4test', permlink: '6wpmjy-test', observer: '' },
+        validatorFunction: (data) =>
+          Array.isArray(data) &&
+          data[0] &&
+          typeof data[0] === 'object' &&
+          'name' in data[0] &&
+          data[0].name === 'guest4test'
+            ? true
+            : 'Get block error'
+      }
+    ];
+    const aiSearchApiCheckers: ApiChecker[] = [
+      {
+        title: 'AI search',
+        method: hiveChain.restApi['hivesense-api'].similarposts,
+        params: {
+          pattern: 'test',
+          tr_body: 100,
+          posts_limit: 20
+        },
+        validatorFunction: (data) => (Array.isArray(data) && data[0] ? true : 'AI search error')
+      }
+    ];
+    setNodeApiCheckers(nodeApiCheckers);
+    setAiSearchApiCheckers(aiSearchApiCheckers);
+  };
+
+  useEffect(() => {
+    createApiCheckers();
+  }, []);
+  return (
+    <div className="p-8">
+      <Accordion type="single" collapsible defaultValue="main-hc">
+        <AccordionItem value="main-hc">
+          <AccordionTrigger>API Endpoint</AccordionTrigger>
+          <AccordionContent>
+            {!!nodeHcService && (
+              <HealthCheckerComponent className="m-4" healthCheckerService={nodeHcService} />
+            )}
+          </AccordionContent>
+        </AccordionItem>
+        <AccordionItem value="search-hc">
+          <AccordionTrigger>Endpoint for AI search</AccordionTrigger>
+          <AccordionContent>
+            {!!aiSearchHcService && (
+              <HealthCheckerComponent className="m-4" healthCheckerService={aiSearchHcService} />
+            )}
+          </AccordionContent>
+        </AccordionItem>
+      </Accordion>
+    </div>
+  );
+};
+
+export default HealthChecker;
diff --git a/apps/blog/components/hooks/use-update-profile-mutation.ts b/apps/blog/features/account-settings/hooks/use-update-profile-mutation.ts
similarity index 97%
rename from apps/blog/components/hooks/use-update-profile-mutation.ts
rename to apps/blog/features/account-settings/hooks/use-update-profile-mutation.ts
index e67866091229ddaf8a11ce1cd98e5b6aaed609f9..91154ad1d04a803e5644b301bbbf3d1e038748e5 100644
--- a/apps/blog/components/hooks/use-update-profile-mutation.ts
+++ b/apps/blog/features/account-settings/hooks/use-update-profile-mutation.ts
@@ -3,8 +3,6 @@ import { useMutation, useQueryClient } from '@tanstack/react-query';
 import { transactionService } from '@transaction/index';
 import { FullAccount } from '@transaction/lib/app-types';
 import { toast } from '@ui/components/hooks/use-toast';
-import { getLogger } from '@ui/lib/logging';
-const logger = getLogger('app');
 
 /**
  * Makes update profile transaction.
diff --git a/apps/blog/features/account-settings/lib/utils.ts b/apps/blog/features/account-settings/lib/utils.ts
new file mode 100644
index 0000000000000000000000000000000000000000..0f2d4196c9cafdf9c2a066d383830c4b56b09c66
--- /dev/null
+++ b/apps/blog/features/account-settings/lib/utils.ts
@@ -0,0 +1,110 @@
+import { Signer } from '@smart-signer/lib/signer/signer';
+import { TFunction } from 'i18next';
+import { configuredImagesEndpoint } from '@hive/ui/config/public-vars';
+import { getLogger } from '@ui/lib/logging';
+
+const logger = getLogger('account-settings/utils');
+
+export interface Settings {
+  profile_image: string;
+  cover_image: string;
+  name: string;
+  about: string;
+  location: string;
+  website: string;
+  blacklist_description: string;
+  muted_list_description: string;
+}
+
+export const DEFAULT_SETTINGS: Settings = {
+  profile_image: '',
+  cover_image: '',
+  name: '',
+  about: '',
+  location: '',
+  website: '',
+  blacklist_description: '',
+  muted_list_description: ''
+};
+
+export const DEFAULT_AI_ENDPOINTS = [
+  'https://api.hive.blog',
+  'https://api.syncad.com',
+  'https://api.openhive.network',
+  'https://api.dev.openhive.network'
+];
+
+export function validation(values: Settings, t: TFunction<'common_blog'>) {
+  return {
+    profile_image:
+      values.profile_image && !/^https?:\/\//.test(values.profile_image)
+        ? t('settings_page.invalid_url')
+        : null,
+    cover_image:
+      values.cover_image && !/^https?:\/\//.test(values.cover_image) ? t('settings_page.invalid_url') : null,
+    name:
+      values.name && values.name.length > 20
+        ? t('settings_page.name_is_too_long')
+        : values.name && /^\s*@/.test(values.name)
+          ? t('settings_page.name_must_not_begin_with')
+          : null,
+    about: values.about && values.about.length > 160 ? t('settings_page.about_is_too_long') : null,
+    location: values.location && values.location.length > 30 ? t('settings_page.location_is_too_long') : null,
+    website:
+      values.website && values.website.length > 100
+        ? t('settings_page.website_url_is_too_long')
+        : values.website && !/^https?:\/\//.test(values.website)
+          ? t('settings_page.invalid_url')
+          : null,
+    blacklist_description:
+      values.blacklist_description && values.blacklist_description.length > 256
+        ? t('settings_page.description_is_too_long')
+        : null,
+    muted_list_description:
+      values.muted_list_description && values.muted_list_description.length > 256
+        ? t('settings_page.description_is_too_long')
+        : null
+  };
+}
+
+export const uploadImg = async (file: File, username: string, signer: Signer): Promise<string> => {
+  try {
+    let data;
+
+    if (file) {
+      const reader = new FileReader();
+
+      data = new Promise((resolve) => {
+        reader.addEventListener('load', () => {
+          const result = Buffer.from(reader.result!.toString(), 'binary');
+          resolve(result);
+        });
+        reader.readAsBinaryString(file);
+      });
+    }
+
+    const formData = new FormData();
+    if (file) {
+      formData.append('file', file);
+    }
+
+    data = await data;
+    const prefix = Buffer.from('ImageSigningChallenge');
+    // @ts-ignore
+    const buf = Buffer.concat([prefix, data as unknown as Uint8Array]);
+
+    const sig = await signer.signChallenge({
+      message: buf,
+      password: ''
+    });
+
+    const postUrl = `${configuredImagesEndpoint}${username}/${sig}`;
+
+    const response = await fetch(postUrl, { method: 'POST', body: formData });
+    const resJSON = await response.json();
+    return resJSON.url;
+  } catch (error) {
+    logger.error('Error when uploading file %s: %o', file.name, error);
+  }
+  return '';
+};
diff --git a/apps/blog/features/account-settings/muted-list.tsx b/apps/blog/features/account-settings/muted-list.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..aef20cdecd67f231ae645f235527f41b1a11827f
--- /dev/null
+++ b/apps/blog/features/account-settings/muted-list.tsx
@@ -0,0 +1,54 @@
+import { useFollowListQuery } from '@/blog/components/hooks/use-follow-list';
+import { useUnmuteMutation } from '@/blog/features/mute-follow/hooks/use-mute-mutations';
+import { useTranslation } from '@/blog/i18n/client';
+import { Button } from '@ui/components/button';
+import { handleError } from '@ui/lib/handle-error';
+import { CircleSpinner } from 'react-spinners-kit';
+
+const MutedList = ({ username }: { username: string }) => {
+  const { t } = useTranslation('common_blog');
+  const mutedQuery = useFollowListQuery(username, 'muted');
+  const unmuteMutation = useUnmuteMutation();
+
+  return mutedQuery.data ? (
+    <div>
+      <div>{t('settings_page.muted_users')}</div>
+      <ul>
+        {mutedQuery.data.map((mutedUser, index) => {
+          const mute_item = unmuteMutation.isPending && unmuteMutation.variables?.username === mutedUser.name;
+          return (
+            <li key={mutedUser.name}>
+              <span>{index + 1}. </span>
+              <span className="text-destructive">{mutedUser.name}</span>
+              <Button
+                className="h-fit p-1 text-destructive"
+                variant="link"
+                onClick={async () => {
+                  const params = { username: mutedUser.name };
+                  try {
+                    await unmuteMutation.mutateAsync(params);
+                  } catch (error) {
+                    handleError(error, { method: 'unmute', params });
+                  }
+                }}
+                disabled={mute_item}
+              >
+                [
+                {mute_item ? (
+                  <span className="flex items-center justify-center">
+                    <CircleSpinner loading={unmuteMutation.isPending} size={18} color="#dc2626" />
+                  </span>
+                ) : (
+                  t('settings_page.unmute')
+                )}
+                ]
+              </Button>
+            </li>
+          );
+        })}
+      </ul>
+    </div>
+  ) : null;
+};
+
+export default MutedList;
diff --git a/apps/blog/components/badge-list-item.tsx b/apps/blog/features/account-social/badge-list-item.tsx
similarity index 100%
rename from apps/blog/components/badge-list-item.tsx
rename to apps/blog/features/account-social/badge-list-item.tsx
diff --git a/apps/blog/components/badge-list.tsx b/apps/blog/features/account-social/badge-list.tsx
similarity index 86%
rename from apps/blog/components/badge-list.tsx
rename to apps/blog/features/account-social/badge-list.tsx
index 23cb5150fdb0963f7a20a75363f167a5fa93971d..9f3217fd08a6e33b7e7e37f57372ef92813d3c55 100644
--- a/apps/blog/components/badge-list.tsx
+++ b/apps/blog/features/account-social/badge-list.tsx
@@ -1,5 +1,5 @@
-import BadgeListItem from '@/blog/components/badge-list-item';
 import type { Badge } from '@transaction/lib/extended-hive.chain';
+import BadgeListItem from './badge-list-item';
 
 const BadgeList = ({ data, username }: { data: Badge[]; username?: string }) => {
   return (
diff --git a/apps/blog/components/social-activities.tsx b/apps/blog/features/account-social/social-activities.tsx
similarity index 93%
rename from apps/blog/components/social-activities.tsx
rename to apps/blog/features/account-social/social-activities.tsx
index 1182312de4d30d9e948ed1f74d45307c261878ac..203ae6cf257d69ac559408bf76723d2ed67ec53b 100644
--- a/apps/blog/components/social-activities.tsx
+++ b/apps/blog/features/account-social/social-activities.tsx
@@ -1,7 +1,7 @@
-import BadgeList from '@/blog/components/badge-list';
+import { useTranslation } from '@/blog/i18n/client';
 import { Tabs, TabsContent, TabsList, TabsTrigger } from '@hive/ui/components/tabs';
 import { Badge } from '@transaction/lib/extended-hive.chain';
-import { useTranslation } from 'next-i18next';
+import BadgeList from './badge-list';
 
 export default function SocialActivities({
   data,
@@ -36,7 +36,7 @@ export default function SocialActivities({
   return (
     <Tabs defaultValue={defaultValue} className="mt-8 w-full">
       <TabsList
-        className="bg-background-tertiary flex h-auto flex-wrap justify-start"
+        className="flex h-auto flex-wrap justify-start bg-background-tertiary"
         data-testid="badges-activity-menu"
       >
         {peakd.length !== 0 ? (
diff --git a/apps/blog/components/subscription-list-item.tsx b/apps/blog/features/account-social/subscription-list-item.tsx
similarity index 98%
rename from apps/blog/components/subscription-list-item.tsx
rename to apps/blog/features/account-social/subscription-list-item.tsx
index 754c3c2e629eda67ac76530ee53254d8392e8dc5..b228df34097cb3d4a433c43de98051e5b517f761 100644
--- a/apps/blog/components/subscription-list-item.tsx
+++ b/apps/blog/features/account-social/subscription-list-item.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import { Badge } from '@hive/ui';
 import Link from 'next/link';
 
diff --git a/apps/blog/components/subscription-list.tsx b/apps/blog/features/account-social/subscription-list.tsx
similarity index 71%
rename from apps/blog/components/subscription-list.tsx
rename to apps/blog/features/account-social/subscription-list.tsx
index 1bafe4c7aab75919487eaf5c610d6762c409f25b..4b00523e1825c1b35673765254b0276d9e259f27 100644
--- a/apps/blog/components/subscription-list.tsx
+++ b/apps/blog/features/account-social/subscription-list.tsx
@@ -1,5 +1,6 @@
-import SubscriptionListItem from '@/blog/components/subscription-list-item';
-import type { Subscription } from '@transaction/lib/bridge';
+'use client';
+
+import SubscriptionListItem from '@/blog/features/account-social/subscription-list-item';
 
 const SubscriptionList = ({ data }: { data: string[][] | null | undefined }) => {
   return (
diff --git a/apps/blog/components/activity-log-dialog.tsx b/apps/blog/features/activity-log/dialog.tsx
similarity index 91%
rename from apps/blog/components/activity-log-dialog.tsx
rename to apps/blog/features/activity-log/dialog.tsx
index 9d10a7a623a2c4a5fe451dc8930cd55286cf2d9e..1befe9bb6eb9b4ce3b77ff5395fbe375485fc12c 100644
--- a/apps/blog/components/activity-log-dialog.tsx
+++ b/apps/blog/features/activity-log/dialog.tsx
@@ -1,6 +1,6 @@
-import { Dialog, DialogContent, DialogTrigger } from '@ui/components/dialog';
-import NotificationActivities from './notification-activities';
 import type { ReactNode } from 'react';
+import { Dialog, DialogContent, DialogTrigger } from '@ui/components/dialog';
+import NotificationActivities from './notification-content';
 import { IAccountNotification } from '@transaction/lib/extended-hive.chain';
 
 export function ActivityLogDialog({
diff --git a/apps/blog/components/hooks/use-claim-reward-mutation.ts b/apps/blog/features/activity-log/hooks/use-claim-reward-mutation.ts
similarity index 100%
rename from apps/blog/components/hooks/use-claim-reward-mutation.ts
rename to apps/blog/features/activity-log/hooks/use-claim-reward-mutation.ts
diff --git a/apps/blog/components/hooks/use-notifications-read-mutation.ts b/apps/blog/features/activity-log/hooks/use-notifications-read-mutation.ts
similarity index 94%
rename from apps/blog/components/hooks/use-notifications-read-mutation.ts
rename to apps/blog/features/activity-log/hooks/use-notifications-read-mutation.ts
index 86f6f8c6aec33001c1940d47118f0750ba716338..809a9d0ee85f2cd5f2a306423c5f8b13250d97b5 100644
--- a/apps/blog/components/hooks/use-notifications-read-mutation.ts
+++ b/apps/blog/features/activity-log/hooks/use-notifications-read-mutation.ts
@@ -1,11 +1,8 @@
 import { useMutation, useQueryClient } from '@tanstack/react-query';
 import { transactionService } from '@transaction/index';
 import { useUser } from '@smart-signer/lib/auth/use-user';
-import { getLogger } from '@ui/lib/logging';
 import { toast } from '@ui/components/hooks/use-toast';
 
-const logger = getLogger('app');
-
 /**
  * Makes mark all notifications as read transaction.
  *
diff --git a/apps/blog/components/notification-list-item.tsx b/apps/blog/features/activity-log/list-item.tsx
similarity index 83%
rename from apps/blog/components/notification-list-item.tsx
rename to apps/blog/features/activity-log/list-item.tsx
index bf02fac3e4c327655b0332c0f22e6b2686d5f4ce..7f350b002996e85a0b202e2b2a4ed3abdf5c82a0 100644
--- a/apps/blog/components/notification-list-item.tsx
+++ b/apps/blog/features/activity-log/list-item.tsx
@@ -1,15 +1,11 @@
 import { Icons } from '@hive/ui/components/icons';
 import { Progress } from '@hive/ui/components/progress';
+import TimeAgo from '@hive/ui/components/time-ago';
+import { configuredImagesEndpoint } from '@hive/ui/config/public-vars';
+import { Avatar, AvatarFallback, AvatarImage } from '@ui/components/avatar';
 import { IAccountNotification } from '@transaction/lib/extended-hive.chain';
-import { useSiteParams } from '@ui/components/hooks/use-site-params';
 import { useUser } from '@smart-signer/lib/auth/use-user';
-import { configuredImagesEndpoint } from '@hive/ui/config/public-vars';
-
-import { Avatar, AvatarFallback, AvatarImage } from '@ui/components';
-
-import Image from 'next/image';
-import TimeAgo from '@hive/ui/components/time-ago';
-import { useRouter } from 'next/router';
+import { usePathname } from 'next/navigation';
 
 const usernamePattern = /\B@[a-z0-9.-]+/gi;
 
@@ -21,9 +17,9 @@ const NotificationListItem = ({
   url,
   lastRead
 }: IAccountNotification & { lastRead: number }) => {
-  const { username } = useSiteParams();
+  const pathname = usePathname();
+  const username = pathname?.split('/')[1] || '';
   const { user } = useUser();
-  const router = useRouter();
   const isOwner = user.username === username;
   const mentions = msg.match(usernamePattern);
   const unRead = lastRead <= new Date(date).getTime();
@@ -48,16 +44,19 @@ const NotificationListItem = ({
   const imageHosterUrl = configuredImagesEndpoint;
   const participants = mentions
     ? mentions.map((m: string) => {
-        const userHref = router.basePath ? `${router.basePath}/${m}` : `/${m}`;
         return (
-          <a key={m} href={userHref} data-testid="notification-account-icon-link">
+          <a key={m} href={`/${m}`} data-testid="notification-account-icon-link">
             <Avatar className="mr-3 h-[40px] w-[40px] rounded-3xl">
               <AvatarImage
                 src={`${imageHosterUrl}u/${m.substring(1)}/avatar/small`}
                 alt={`${m} profile picture`}
               />
               <AvatarFallback className="bg-transparent">
-                <Image width={40} height={40} alt={`${m} profile picture`} src="/defaultavatar.png" />
+                <img
+                  className="h-10 w-10 rounded-full"
+                  alt={`${m} profile picture`}
+                  src="/defaultavatar.png"
+                />
               </AvatarFallback>
             </Avatar>
           </a>
@@ -75,7 +74,7 @@ const NotificationListItem = ({
           {unRead && isOwner ? <span className="mr-2 h-2 w-2 rounded-full bg-destructive" /> : null}
           {participants}
           <div className="flex flex-col">
-            <a href={router.basePath ? `${router.basePath}/${url}` : `/${url}`}>
+            <a href={`/${url}`}>
               <span className="" data-testid="notification-account-and-message">
                 <strong data-testid="subscriber-name">{msg.split(' ')[0]}</strong>
                 {mentions ? msg.split(new RegExp(`(${mentions[0]})`, 'gi'))[2] : null}
diff --git a/apps/blog/components/notification-list.tsx b/apps/blog/features/activity-log/list.tsx
similarity index 90%
rename from apps/blog/components/notification-list.tsx
rename to apps/blog/features/activity-log/list.tsx
index 6351d08bbe6fd10f1d5144b695bf263aeee1baa5..12b934897a18c990f87981f4e728f5a9019bbfee 100644
--- a/apps/blog/components/notification-list.tsx
+++ b/apps/blog/features/activity-log/list.tsx
@@ -1,4 +1,6 @@
-import NotificationListItem from '@/blog/components/notification-list-item';
+'use client';
+
+import NotificationListItem from './list-item';
 import { IAccountNotification } from '@transaction/lib/extended-hive.chain';
 
 const NotificationList = ({
diff --git a/apps/blog/components/notification-activities.tsx b/apps/blog/features/activity-log/notification-content.tsx
similarity index 86%
rename from apps/blog/components/notification-activities.tsx
rename to apps/blog/features/activity-log/notification-content.tsx
index 878f5b1be364bce3e87ef9469bbe630938cfc8aa..e718153e4e5ef43c4adb7c96e2230e6aa3b39c79 100644
--- a/apps/blog/components/notification-activities.tsx
+++ b/apps/blog/features/activity-log/notification-content.tsx
@@ -1,21 +1,20 @@
+'use client';
+
 import { SyntheticEvent, useEffect, useState } from 'react';
 import { useQuery } from '@tanstack/react-query';
-import { getAccountNotifications, getUnreadNotifications } from '@transaction/lib/bridge';
 import { IAccountNotification } from '@transaction/lib/extended-hive.chain';
-import NotificationList from '@/blog/components/notification-list';
+import NotificationList from './list';
 import { Button } from '@ui/components/button';
 import { Tabs, TabsContent, TabsList, TabsTrigger } from '@ui/components/tabs';
-import { useTranslation } from 'next-i18next';
-import { getRewardsString } from '../lib/utils';
-import { getAccountFull, getFindAccounts } from '@transaction/lib/hive';
+import { getRewardsString } from '../../lib/utils';
+import { getAccountFull, getFindAccounts } from '@transaction/lib/hive-api';
 import { useUser } from '@smart-signer/lib/auth/use-user';
 import { useMarkAllNotificationsAsReadMutation } from './hooks/use-notifications-read-mutation';
 import { useClaimRewardsMutation } from './hooks/use-claim-reward-mutation';
 import { handleError } from '@ui/lib/handle-error';
 import { CircleSpinner } from 'react-spinners-kit';
-import { getLogger } from '@ui/lib/logging';
-
-const logger = getLogger('app');
+import { getAccountNotifications, getUnreadNotifications } from '@transaction/lib/bridge-api';
+import { useTranslation } from '@/blog/i18n/client';
 
 const NotificationActivities = ({
   data,
@@ -33,15 +32,13 @@ const NotificationActivities = ({
   const markAllNotificationsAsReadMutation = useMarkAllNotificationsAsReadMutation();
   const claimRewardMutation = useClaimRewardsMutation();
 
-  const { data: unreadNotifications } = useQuery(
-    ['unreadNotifications', user?.username],
-    () => getUnreadNotifications(user?.username || ''),
-    {
-      enabled: !!user?.username,
-      refetchOnWindowFocus: false,
-      refetchOnMount: false
-    }
-  );
+  const { data: unreadNotifications } = useQuery({
+    queryKey: ['unreadNotifications', user?.username],
+    queryFn: () => getUnreadNotifications(user?.username || ''),
+    enabled: !!user?.username,
+    refetchOnWindowFocus: false,
+    refetchOnMount: false
+  });
   const newDate = new Date(Date.now());
   const lastRead = new Date(unreadNotifications?.lastread || newDate).getTime();
 
@@ -49,24 +46,27 @@ const NotificationActivities = ({
     isLoading,
     refetch,
     data: moreData
-  } = useQuery(
-    ['AccountNotificationMoreData', username],
-    () => getAccountNotifications(username, lastStateElementId, 50),
-    { enabled: !!username }
-  );
-  const { data: profileData } = useQuery(
-    ['profileData', user.username],
-    () => getAccountFull(user.username),
-    {
-      enabled: !!user.username,
-      refetchOnWindowFocus: false,
-      refetchOnMount: false
-    }
-  );
+  } = useQuery({
+    queryKey: ['AccountNotificationMoreData', username],
+    queryFn: () => getAccountNotifications(username, lastStateElementId, 50),
+    enabled: !!username
+  });
+
+  const { data: profileData } = useQuery({
+    queryKey: ['profileData', user.username],
+    queryFn: () => getAccountFull(user.username),
+    enabled: !!user.username,
+    refetchOnWindowFocus: false,
+    refetchOnMount: false
+  });
+
   const accountOwner = user.username === username;
-  const { data: apiAccounts } = useQuery(['apiAccount', username], () => getFindAccounts(username), {
+  const { data: apiAccounts } = useQuery({
+    queryKey: ['apiAccount', username],
+    queryFn: () => getFindAccounts(username),
     enabled: !!username
   });
+
   const showButton = moreData?.length !== 0;
   const noNotifications = !state || !state.length || state.length === 0;
   useEffect(() => {
@@ -80,7 +80,7 @@ const NotificationActivities = ({
   }, [lastStateElementId, refetch]);
 
   async function handleMarkAllAsRead() {
-    if (markAllNotificationsAsReadMutation.isLoading) return;
+    if (markAllNotificationsAsReadMutation.isPending) return;
     const myDate = new Date().toISOString();
     const date = myDate.slice(0, myDate.length - 5);
     try {
@@ -125,11 +125,11 @@ const NotificationActivities = ({
           <Button
             variant="redHover"
             onClick={handleClaimRewards}
-            disabled={claimRewardMutation.isLoading}
+            disabled={claimRewardMutation.isPending}
             className="w-36"
           >
-            {claimRewardMutation.isLoading ? (
-              <CircleSpinner loading={claimRewardMutation.isLoading} size={18} color="#dc2626" />
+            {claimRewardMutation.isPending ? (
+              <CircleSpinner loading={claimRewardMutation.isPending} size={18} color="#dc2626" />
             ) : (
               t('navigation.profile_notifications_tab_navbar.redeem')
             )}
@@ -140,13 +140,13 @@ const NotificationActivities = ({
       {accountOwner && unreadNotifications && unreadNotifications.unread !== 0 ? (
         <div className="flex flex-col items-center">
           <button
-            disabled={markAllNotificationsAsReadMutation.isLoading}
+            disabled={markAllNotificationsAsReadMutation.isPending}
             className="w-100 mb-4 font-bold"
             onClick={handleMarkAllAsRead}
           >
-            {markAllNotificationsAsReadMutation.isLoading ? (
+            {markAllNotificationsAsReadMutation.isPending ? (
               <CircleSpinner
-                loading={markAllNotificationsAsReadMutation.isLoading}
+                loading={markAllNotificationsAsReadMutation.isPending}
                 size={18}
                 color="#dc2626"
               />
diff --git a/apps/blog/components/communities-list-item.tsx b/apps/blog/features/communities-list/communities-list-item.tsx
similarity index 93%
rename from apps/blog/components/communities-list-item.tsx
rename to apps/blog/features/communities-list/communities-list-item.tsx
index de46726c72e16c32ff17aa853a84d66dcd14a147..d775e52547c9dd02ee393411ab49eefc2a52266f 100644
--- a/apps/blog/components/communities-list-item.tsx
+++ b/apps/blog/features/communities-list/communities-list-item.tsx
@@ -1,11 +1,13 @@
+'use client';
+
 import { cn } from '@ui/lib/utils';
 import { Card, CardContent, CardFooter, CardHeader, CardTitle } from '@hive/ui/components/card';
 import Link from 'next/link';
-import BasePathLink from './base-path-link';
+import BasePathLink from '@/blog/components/base-path-link';
 import { Community } from '@transaction/lib/extended-hive.chain';
-import { useTranslation } from 'next-i18next';
+import { useTranslation } from '@/blog/i18n/client';
 import { useUser } from '@smart-signer/lib/auth/use-user';
-import SubscribeCommunity from './subscribe-community';
+import SubscribeCommunity from '../community-profile/subscribe-community';
 import { useEffect, useState } from 'react';
 
 const CommunitiesListItem = ({ community }: { community: Community }) => {
diff --git a/apps/blog/components/communities-list.tsx b/apps/blog/features/communities-list/communities-list.tsx
similarity index 76%
rename from apps/blog/components/communities-list.tsx
rename to apps/blog/features/communities-list/communities-list.tsx
index 47be1f6e9727815b053728b66a4060907213cbaa..80e640dda86258867ee472b312ab4ac5092c99dd 100644
--- a/apps/blog/components/communities-list.tsx
+++ b/apps/blog/features/communities-list/communities-list.tsx
@@ -1,4 +1,6 @@
-import CommunitiesListItem from '@/blog/components/communities-list-item';
+'use client';
+
+import CommunitiesListItem from '@/blog/features/communities-list/communities-list-item';
 import { Community } from '@transaction/lib/extended-hive.chain';
 
 const CommunitiesList = ({ data }: { data: Community[] | null | undefined }) => {
diff --git a/apps/blog/components/communities-select-filter.tsx b/apps/blog/features/communities-list/communities-select-filter.tsx
similarity index 94%
rename from apps/blog/components/communities-select-filter.tsx
rename to apps/blog/features/communities-list/communities-select-filter.tsx
index 2ea72a357898b45681ea913e51e4bd3b2332ab54..2c33f81bdd0de28a2b66439b2c1fadb7fc7ea691 100644
--- a/apps/blog/components/communities-select-filter.tsx
+++ b/apps/blog/features/communities-list/communities-select-filter.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import { useState } from 'react';
 
 import {
@@ -8,7 +10,7 @@ import {
   SelectTrigger,
   SelectValue
 } from '@ui/components/select';
-import { useTranslation } from 'next-i18next';
+import { useTranslation } from '@/blog/i18n/client';
 
 const CommunitiesSelectFilter = ({
   filter,
diff --git a/apps/blog/feature/community-roles/add-role.tsx b/apps/blog/features/community-profile/add-role.tsx
similarity index 94%
rename from apps/blog/feature/community-roles/add-role.tsx
rename to apps/blog/features/community-profile/add-role.tsx
index 11587d2c150a0a976e153e05ed8590a941a23f1e..ddee804fed93cd0c091fab15cfc181802d0a164a 100644
--- a/apps/blog/feature/community-roles/add-role.tsx
+++ b/apps/blog/features/community-profile/add-role.tsx
@@ -1,9 +1,11 @@
+'use client';
+
 import { Button, Input, Accordion, AccordionItem, AccordionTrigger, AccordionContent } from '@ui/components';
-import { useTranslation } from 'next-i18next';
+import { useTranslation } from '@/blog/i18n/client';
 import { CircleSpinner } from 'react-spinners-kit';
 import { Roles } from './lib/utils';
 import RolesSelect from './roles-select';
-import { useSetRoleMutation } from '@/blog/components/hooks/use-set-role-mutations';
+import { useSetRoleMutation } from '@/blog/features/community-profile/hooks/use-set-role-mutations';
 import { useState } from 'react';
 import { EAvailableCommunityRoles } from '@hiveio/wax';
 import { handleError } from '@ui/lib/handle-error';
diff --git a/apps/blog/components/change-title-data.tsx b/apps/blog/features/community-profile/change-title-data.tsx
similarity index 96%
rename from apps/blog/components/change-title-data.tsx
rename to apps/blog/features/community-profile/change-title-data.tsx
index fab254003b762de90330f8656966790f3ddf009d..b426faa1edb4f24daffdebfd0556a10fd27d4105 100644
--- a/apps/blog/components/change-title-data.tsx
+++ b/apps/blog/features/community-profile/change-title-data.tsx
@@ -1,6 +1,6 @@
 import { Button, Input } from '@ui/components';
 import { handleError } from '@ui/lib/handle-error';
-import { useTranslation } from 'next-i18next';
+import { useTranslation } from '@/blog/i18n/client';
 import React, { useState } from 'react';
 import { useUserTitleMutation } from './hooks/use-user-title';
 
diff --git a/apps/blog/components/change-title-dialog.tsx b/apps/blog/features/community-profile/change-title-dialog.tsx
similarity index 96%
rename from apps/blog/components/change-title-dialog.tsx
rename to apps/blog/features/community-profile/change-title-dialog.tsx
index 9f7fe9c8a60f6f62653ea3d34c306a4ec1525c42..2af764dd8f31ace10853a199ab092018b244a567 100644
--- a/apps/blog/components/change-title-dialog.tsx
+++ b/apps/blog/features/community-profile/change-title-dialog.tsx
@@ -3,8 +3,8 @@ import { PenTool } from 'lucide-react';
 import { useState } from 'react';
 import { useUserTitleMutation } from './hooks/use-user-title';
 import { CircleSpinner } from 'react-spinners-kit';
-import { useTranslation } from 'next-i18next';
 import ChangeTitleData from './change-title-data';
+import { useTranslation } from '@/blog/i18n/client';
 
 const ChangeTitleDialog = ({
   moderateEnabled,
diff --git a/apps/blog/feature/community-settings/edit-dialog-content.tsx b/apps/blog/features/community-profile/edit-dialog-content.tsx
similarity index 91%
rename from apps/blog/feature/community-settings/edit-dialog-content.tsx
rename to apps/blog/features/community-profile/edit-dialog-content.tsx
index dfdf21c1996d9d332ba6d47c2e127c700a869c94..89619f4cd8e7a119a8da7b71fa0bc5c2838bffe7 100644
--- a/apps/blog/feature/community-settings/edit-dialog-content.tsx
+++ b/apps/blog/features/community-profile/edit-dialog-content.tsx
@@ -1,12 +1,14 @@
+'use client';
+
 import { ESupportedLanguages } from '@hiveio/wax';
 import { zodResolver } from '@hookform/resolvers/zod';
 import { useUser } from '@smart-signer/lib/auth/use-user';
 import { DialogContent, DialogDescription, DialogHeader, DialogTitle } from '@ui/components/dialog';
 import { handleError } from '@ui/lib/handle-error';
-import { useTranslation } from 'next-i18next';
+import { useTranslation } from '@/blog/i18n/client';
 import { useForm } from 'react-hook-form';
 import { z } from 'zod';
-import { useUpdateCommunityMutation } from '../../components/hooks/use-update-community-mutation';
+import { useUpdateCommunityMutation } from './hooks/use-update-community-mutation';
 import { Community } from '@transaction/lib/extended-hive.chain';
 import { Form, FormControl, FormField, FormItem, FormLabel, FormMessage } from '@ui/components/form';
 import {
@@ -117,7 +119,7 @@ const EditDialogContent = ({ data, setOpen }: { data: Community; setOpen: (open:
           <Form {...form}>
             <form onSubmit={form.handleSubmit(onSubmit)} className="flex flex-col gap-4">
               <FormField
-                disabled={updateCommunityMutation.isLoading}
+                disabled={updateCommunityMutation.isPending}
                 control={form.control}
                 name="title"
                 render={({ field }) => (
@@ -131,7 +133,7 @@ const EditDialogContent = ({ data, setOpen }: { data: Community; setOpen: (open:
                 )}
               />
               <FormField
-                disabled={updateCommunityMutation.isLoading}
+                disabled={updateCommunityMutation.isPending}
                 control={form.control}
                 name="about"
                 render={({ field }) => (
@@ -145,7 +147,7 @@ const EditDialogContent = ({ data, setOpen }: { data: Community; setOpen: (open:
                 )}
               />
               <FormField
-                disabled={updateCommunityMutation.isLoading}
+                disabled={updateCommunityMutation.isPending}
                 control={form.control}
                 name="description"
                 render={({ field }) => (
@@ -159,7 +161,7 @@ const EditDialogContent = ({ data, setOpen }: { data: Community; setOpen: (open:
                 )}
               />
               <FormField
-                disabled={updateCommunityMutation.isLoading}
+                disabled={updateCommunityMutation.isPending}
                 control={form.control}
                 name="flagText"
                 render={({ field }) => (
@@ -173,7 +175,7 @@ const EditDialogContent = ({ data, setOpen }: { data: Community; setOpen: (open:
                 )}
               />
               <FormField
-                disabled={updateCommunityMutation.isLoading}
+                disabled={updateCommunityMutation.isPending}
                 control={form.control}
                 name="lang"
                 render={({ field }) => (
@@ -207,7 +209,7 @@ const EditDialogContent = ({ data, setOpen }: { data: Community; setOpen: (open:
                         <Checkbox
                           checked={field.value}
                           onCheckedChange={field.onChange}
-                          disabled={updateCommunityMutation.isLoading}
+                          disabled={updateCommunityMutation.isPending}
                         />
                       </FormControl>
                       <FormLabel>{t('communities.edit_props_dialog.nsfw')}</FormLabel>
@@ -223,13 +225,13 @@ const EditDialogContent = ({ data, setOpen }: { data: Community; setOpen: (open:
                     setOpen(false);
                   }}
                   variant="outlineRed"
-                  disabled={updateCommunityMutation.isLoading}
+                  disabled={updateCommunityMutation.isPending}
                 >
                   {t('communities.edit_props_dialog.cancel')}
                 </Button>
-                <Button type="submit" variant="redHover" disabled={updateCommunityMutation.isLoading}>
-                  {updateCommunityMutation.isLoading ? (
-                    <CircleSpinner loading={updateCommunityMutation.isLoading} size={18} color="#dc2626" />
+                <Button type="submit" variant="redHover" disabled={updateCommunityMutation.isPending}>
+                  {updateCommunityMutation.isPending ? (
+                    <CircleSpinner loading={updateCommunityMutation.isPending} size={18} color="#dc2626" />
                   ) : (
                     t('communities.edit_props_dialog.save')
                   )}
diff --git a/apps/blog/feature/community-settings/edit-dialog.tsx b/apps/blog/features/community-profile/edit-dialog.tsx
similarity index 91%
rename from apps/blog/feature/community-settings/edit-dialog.tsx
rename to apps/blog/features/community-profile/edit-dialog.tsx
index c793fb98355bc5952012a82ca25fe8b8ea6fab9e..a51f1771777f9c29579aadc5b9e10e103ad7c2d8 100644
--- a/apps/blog/feature/community-settings/edit-dialog.tsx
+++ b/apps/blog/features/community-profile/edit-dialog.tsx
@@ -1,5 +1,7 @@
+'use client';
+
 import { Dialog, DialogTrigger } from '@ui/components/dialog';
-import { useTranslation } from 'next-i18next';
+import { useTranslation } from '@/blog/i18n/client';
 import { Community } from '@transaction/lib/extended-hive.chain';
 import { useState } from 'react';
 import EditDialogContent from './edit-dialog-content';
diff --git a/apps/blog/components/hooks/use-set-role-mutations.ts b/apps/blog/features/community-profile/hooks/use-set-role-mutations.ts
similarity index 97%
rename from apps/blog/components/hooks/use-set-role-mutations.ts
rename to apps/blog/features/community-profile/hooks/use-set-role-mutations.ts
index c98610ddb62adc66a55cc771451ed613f7fd0f6a..d5e8a6b6d780075b83b8ae5ff98ace0f6a7bfc69 100644
--- a/apps/blog/components/hooks/use-set-role-mutations.ts
+++ b/apps/blog/features/community-profile/hooks/use-set-role-mutations.ts
@@ -1,4 +1,4 @@
-import { Roles } from '@/blog/feature/community-roles/lib/utils';
+import { Roles } from '@/blog/features/community-profile/lib/utils';
 import { EAvailableCommunityRoles } from '@hiveio/wax';
 import { useMutation, useQueryClient } from '@tanstack/react-query';
 import { transactionService } from '@transaction/index';
diff --git a/apps/blog/components/hooks/use-subscribe-mutations.ts b/apps/blog/features/community-profile/hooks/use-subscribe-mutations.ts
similarity index 98%
rename from apps/blog/components/hooks/use-subscribe-mutations.ts
rename to apps/blog/features/community-profile/hooks/use-subscribe-mutations.ts
index fb8c19f5d2ccb4601b09745cd2c177fa312c28b9..bd744ec59b32ddc1aa91456d8a0d342de38ddd24 100644
--- a/apps/blog/components/hooks/use-subscribe-mutations.ts
+++ b/apps/blog/features/community-profile/hooks/use-subscribe-mutations.ts
@@ -2,8 +2,6 @@ import { useMutation, useQueryClient } from '@tanstack/react-query';
 import { transactionService } from '@transaction/index';
 import { Community } from '@transaction/lib/extended-hive.chain';
 import { toast } from '@ui/components/hooks/use-toast';
-import { getLogger } from '@ui/lib/logging';
-const logger = getLogger('app');
 
 /**
  * Makes subscribe transaction.
diff --git a/apps/blog/components/hooks/use-update-community-mutation.ts b/apps/blog/features/community-profile/hooks/use-update-community-mutation.ts
similarity index 98%
rename from apps/blog/components/hooks/use-update-community-mutation.ts
rename to apps/blog/features/community-profile/hooks/use-update-community-mutation.ts
index cf01b2499790875d8eab34895c029c7c5c313256..1bbeb5a296551215d45b55637d623cad6d1b9525 100644
--- a/apps/blog/components/hooks/use-update-community-mutation.ts
+++ b/apps/blog/features/community-profile/hooks/use-update-community-mutation.ts
@@ -3,7 +3,6 @@ import { useMutation, useQueryClient } from '@tanstack/react-query';
 import { transactionService } from '@transaction/index';
 import { Community } from '@transaction/lib/extended-hive.chain';
 import { toast } from '@ui/components/hooks/use-toast';
-import { logger } from '@ui/lib/logger';
 
 interface UpdateCommunityMutationParams {
   communityName: string;
diff --git a/apps/blog/components/hooks/use-user-title.ts b/apps/blog/features/community-profile/hooks/use-user-title.ts
similarity index 100%
rename from apps/blog/components/hooks/use-user-title.ts
rename to apps/blog/features/community-profile/hooks/use-user-title.ts
diff --git a/apps/blog/feature/community-roles/lib/utils.ts b/apps/blog/features/community-profile/lib/utils.ts
similarity index 100%
rename from apps/blog/feature/community-roles/lib/utils.ts
rename to apps/blog/features/community-profile/lib/utils.ts
diff --git a/apps/blog/feature/community-roles/roles-select.tsx b/apps/blog/features/community-profile/roles-select.tsx
similarity index 93%
rename from apps/blog/feature/community-roles/roles-select.tsx
rename to apps/blog/features/community-profile/roles-select.tsx
index 15a1b020a02a53b80350b557a46982f1e7806475..c03a42fe62ab60b160edbf2002a7dc1dc793d3b5 100644
--- a/apps/blog/feature/community-roles/roles-select.tsx
+++ b/apps/blog/features/community-profile/roles-select.tsx
@@ -1,6 +1,8 @@
+'use client';
+
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@ui/components/select';
 import { Roles, rolesLevels } from './lib/utils';
-import { useTranslation } from 'next-i18next';
+import { useTranslation } from '@/blog/i18n/client';
 
 const RolesSelect = ({
   loggedUserLevel,
diff --git a/apps/blog/features/community-profile/sort-page.tsx b/apps/blog/features/community-profile/sort-page.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..c6aad7b0777f26cf03df082baa508049390dbcfd
--- /dev/null
+++ b/apps/blog/features/community-profile/sort-page.tsx
@@ -0,0 +1,54 @@
+import { getObserverFromCookies } from '@/blog/lib/auth-utils';
+import { getQueryClient } from '@/blog/lib/react-query';
+import { SortTypes } from '@/blog/lib/utils';
+import { dehydrate, Hydrate } from '@tanstack/react-query';
+import {
+  getAccountNotifications,
+  getCommunity,
+  getPostsRanked,
+  getSubscribers
+} from '@transaction/lib/bridge-api';
+import { Entry } from '@transaction/lib/extended-hive.chain';
+import { ReactNode } from 'react';
+
+const SortPage = async ({
+  children,
+  sort,
+  tag = ''
+}: {
+  children: ReactNode;
+  sort: SortTypes;
+  tag?: string;
+}) => {
+  const queryClient = getQueryClient();
+  const observer = getObserverFromCookies();
+  await queryClient.prefetchQuery({
+    queryKey: ['community', tag],
+    queryFn: async () => await getCommunity(tag, observer)
+  });
+  await queryClient.prefetchQuery({
+    queryKey: ['subscribers', tag],
+    queryFn: async () => await getSubscribers(tag)
+  });
+  await queryClient.prefetchQuery({
+    queryKey: ['AccountNotification', tag],
+    queryFn: async () => await getAccountNotifications(tag)
+  });
+  await queryClient.prefetchInfiniteQuery({
+    queryKey: ['entriesInfinite', sort, tag],
+    queryFn: async ({ pageParam }) => {
+      const { author, permlink } = (pageParam as { author?: string; permlink?: string }) || {};
+      const postsData = await getPostsRanked(sort, tag, author ?? '', permlink ?? '', observer);
+      return postsData ?? [];
+    },
+    getNextPageParam: (lastPage: Entry[]) => {
+      if (!Array.isArray(lastPage) || lastPage.length === 0) return undefined;
+      const last = lastPage[lastPage.length - 1] as { author?: string; permlink?: string };
+      if (!last?.author || !last?.permlink) return undefined;
+      return { author: last.author, permlink: last.permlink };
+    }
+  });
+  return <Hydrate state={dehydrate(queryClient)}>{children}</Hydrate>;
+};
+
+export default SortPage;
diff --git a/apps/blog/components/subscribe-community.tsx b/apps/blog/features/community-profile/subscribe-community.tsx
similarity index 84%
rename from apps/blog/components/subscribe-community.tsx
rename to apps/blog/features/community-profile/subscribe-community.tsx
index e980b3603f7165de308c1f5e0ebd3e0297b6cc16..581c49f4188d9952d0d75dad2d907946b5fdd166 100644
--- a/apps/blog/components/subscribe-community.tsx
+++ b/apps/blog/features/community-profile/subscribe-community.tsx
@@ -1,13 +1,10 @@
 import { Button } from '@ui/components/button';
-import DialogLogin from './dialog-login';
-import { useTranslation } from 'next-i18next';
+import DialogLogin from '@/blog/components/dialog-login';
+import { useTranslation } from '@/blog/i18n/client';
 import { User } from '@smart-signer/types/common';
 import { useSubscribeMutation, useUnsubscribeMutation } from './hooks/use-subscribe-mutations';
 import { handleError } from '@ui/lib/handle-error';
 import { CircleSpinner } from 'react-spinners-kit';
-import { getLogger } from '@ui/lib/logging';
-
-const logger = getLogger('app');
 
 const SubscribeCommunity = ({
   user,
@@ -38,7 +35,7 @@ const SubscribeCommunity = ({
               size="sm"
               className="w-full bg-blue-600 text-center text-slate-50 hover:bg-blue-700"
               data-testid="community-subscribe-button"
-              disabled={subscribeMutation.isLoading || temprary}
+              disabled={subscribeMutation.isPending || temprary}
               onClick={async () => {
                 try {
                   await subscribeMutation.mutateAsync({ community, username, communityTitle });
@@ -51,8 +48,8 @@ const SubscribeCommunity = ({
                 }
               }}
             >
-              {subscribeMutation.isLoading ? (
-                <CircleSpinner loading={subscribeMutation.isLoading} size={18} color="#dc2626" />
+              {subscribeMutation.isPending ? (
+                <CircleSpinner loading={subscribeMutation.isPending} size={18} color="#dc2626" />
               ) : (
                 t('communities.buttons.subscribe')
               )}
@@ -63,7 +60,7 @@ const SubscribeCommunity = ({
               variant="outline"
               className="group relative w-full border-blue-600 text-center text-blue-600 hover:border-destructive hover:bg-transparent hover:text-destructive"
               data-testid="community-join-leave-button"
-              disabled={unsubscribeMutation.isLoading || temprary}
+              disabled={unsubscribeMutation.isPending || temprary}
               onClick={async () => {
                 try {
                   await unsubscribeMutation.mutateAsync({ community, username });
@@ -73,8 +70,8 @@ const SubscribeCommunity = ({
                 }
               }}
             >
-              {unsubscribeMutation.isLoading ? (
-                <CircleSpinner loading={unsubscribeMutation.isLoading} size={18} color="#dc2626" />
+              {unsubscribeMutation.isPending ? (
+                <CircleSpinner loading={unsubscribeMutation.isPending} size={18} color="#dc2626" />
               ) : (
                 <span>
                   <span className="group-hover:hidden">{t('communities.buttons.joined')}</span>
diff --git a/apps/blog/feature/community-roles/table-item.tsx b/apps/blog/features/community-profile/table-item.tsx
similarity index 92%
rename from apps/blog/feature/community-roles/table-item.tsx
rename to apps/blog/features/community-profile/table-item.tsx
index fbf4d506508bb3ff8268b8a111bcdcd00b4c04f8..5b729786a48c4cd8e3c465527911f8436cf67e19 100644
--- a/apps/blog/feature/community-roles/table-item.tsx
+++ b/apps/blog/features/community-profile/table-item.tsx
@@ -1,13 +1,15 @@
+'use client';
+
 import { TableCell, TableRow } from '@ui/components/table';
 import { Pen, Save, X } from 'lucide-react';
 import { Roles, User } from './lib/utils';
 import BasePathLink from '@/blog/components/base-path-link';
-import RolesSelect from './roles-select';
-import { useSetRoleMutation } from '@/blog/components/hooks/use-set-role-mutations';
+import { useSetRoleMutation } from '@/blog/features/community-profile/hooks/use-set-role-mutations';
 import { useState } from 'react';
 import { EAvailableCommunityRoles } from '@hiveio/wax';
 import { handleError } from '@ui/lib/handle-error';
 import clsx from 'clsx';
+import RolesSelect from './roles-select';
 
 const TableItem = ({
   community,
@@ -53,16 +55,16 @@ const TableItem = ({
               <>
                 <div className="w-36">
                   <RolesSelect
-                    disabled={setRoleMutation.isLoading}
+                    disabled={setRoleMutation.isPending}
                     loggedUserLevel={loggedUserValue}
                     value={selectedRole}
                     onValueChange={setSelectedRole}
                   />
                 </div>
-                <button onClick={onUpdateRole} disabled={setRoleMutation.isLoading}>
+                <button onClick={onUpdateRole} disabled={setRoleMutation.isPending}>
                   <Save className="h-4 w-4 text-green-500" />
                 </button>
-                <button onClick={() => setEditMode((prev) => !prev)} disabled={setRoleMutation.isLoading}>
+                <button onClick={() => setEditMode((prev) => !prev)} disabled={setRoleMutation.isPending}>
                   <X className="h-4 w-4 text-destructive" />
                 </button>
               </>
diff --git a/apps/blog/features/layouts/account-posts/tabs.tsx b/apps/blog/features/layouts/account-posts/tabs.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..4382f1b7be3bc8dbb6980a32782fd34774610caa
--- /dev/null
+++ b/apps/blog/features/layouts/account-posts/tabs.tsx
@@ -0,0 +1,34 @@
+'use client';
+
+import { useTranslation } from '@/blog/i18n/client';
+import { Tabs, TabsContent, TabsList, TabsTrigger } from '@ui/components/tabs';
+import Link from 'next/link';
+import { usePathname } from 'next/navigation';
+import { ReactNode } from 'react';
+
+type SortType = 'posts' | 'comments' | 'payout';
+
+const AccountPostsTabs = ({ username, children }: { username: string; children: ReactNode }) => {
+  const { t } = useTranslation('blog');
+  const pathname = usePathname();
+  const sort: SortType = (pathname?.slice(pathname.lastIndexOf('/') + 1) as SortType) || 'posts';
+
+  return (
+    <Tabs defaultValue={sort} className="w-full">
+      <TabsList className="flex justify-start bg-background-tertiary" data-testid="user-post-menu">
+        <TabsTrigger value="posts">
+          <Link href={`/@${username}/posts`}>{t('navigation.profile_posts_tab_navbar.posts')}</Link>
+        </TabsTrigger>
+        <TabsTrigger value="comments">
+          <Link href={`/@${username}/comments`}>{t('navigation.profile_posts_tab_navbar.comments')}</Link>
+        </TabsTrigger>
+        <TabsTrigger value="payout">
+          <Link href={`/@${username}/payout`}>{t('navigation.profile_posts_tab_navbar.payouts')}</Link>
+        </TabsTrigger>
+      </TabsList>
+      <TabsContent value={sort}>{children}</TabsContent>
+    </Tabs>
+  );
+};
+
+export default AccountPostsTabs;
diff --git a/apps/blog/components/communities-mybar.tsx b/apps/blog/features/layouts/communities-mybar.tsx
similarity index 81%
rename from apps/blog/components/communities-mybar.tsx
rename to apps/blog/features/layouts/communities-mybar.tsx
index c05aa8ff1373fe6d7465eda8ffcea16fcf29a115..d55f79c2bb5fdb3cbf3345cba204d4fac5969846 100644
--- a/apps/blog/components/communities-mybar.tsx
+++ b/apps/blog/features/layouts/communities-mybar.tsx
@@ -1,16 +1,14 @@
+'use client';
+
 import Link from 'next/link';
 import { cn } from '@ui/lib/utils';
 import { Card, CardContent, CardTitle } from '@hive/ui/components/card';
-import { useTranslation } from 'next-i18next';
+import { useTranslation } from '@/blog/i18n/client';
+import { useUserClient } from '@smart-signer/lib/auth/use-user-client';
 
-const CommunitiesMybar = ({
-  data,
-  username
-}: {
-  data: string[][] | null | undefined;
-  username: string;
-}) => {
+const CommunitiesMybar = ({ data }: { data: string[][] }) => {
   const { t } = useTranslation('common_blog');
+  const { user } = useUserClient();
 
   return (
     <Card
@@ -23,7 +21,7 @@ const CommunitiesMybar = ({
         </Link>
       </CardTitle>
       <CardTitle>
-        <Link href={`/@${username}/feed`} className="text-base hover:text-destructive">
+        <Link href={`/@${user.username}/feed`} className="text-base hover:text-destructive">
           My friends
         </Link>
       </CardTitle>
diff --git a/apps/blog/components/communities-select.tsx b/apps/blog/features/layouts/communities-select.tsx
similarity index 67%
rename from apps/blog/components/communities-select.tsx
rename to apps/blog/features/layouts/communities-select.tsx
index 0bad99665a2a8222324a4df288bd2f19da4b2a86..5d4c953c66d0d29b0f83c3dc9b01a12b9e3efb03 100644
--- a/apps/blog/components/communities-select.tsx
+++ b/apps/blog/features/layouts/communities-select.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import {
@@ -9,30 +11,30 @@ import {
   SelectValue
 } from '@ui/components/select';
 import { useQuery } from '@tanstack/react-query';
-import { getCommunities } from '@transaction/lib/bridge';
-import { useRouter } from 'next/router';
-import { useTranslation } from 'next-i18next';
-import { useUser } from '@smart-signer/lib/auth/use-user';
-import { withBasePath } from '../utils/PathUtils';
+import { useTranslation } from '@/blog/i18n/client';
+import { withBasePath } from '../../utils/PathUtils';
+import { getCommunities, getSubscriptions } from '@transaction/lib/bridge-api';
+import { useRouter } from 'next/navigation';
+import { useUserClient } from '@smart-signer/lib/auth/use-user-client';
+import { DEFAULT_OBSERVER } from '@/blog/lib/utils';
 
-export function CommunitiesSelect({
-  title,
-  mySubsData,
-  username
-}: {
-  title: string;
-  mySubsData: string[][] | null | undefined;
-  username?: string;
-}) {
-  const { user } = useUser();
+export function CommunitiesSelect({ title }: { title: string }) {
+  const { user } = useUserClient();
   const router = useRouter();
   const { t } = useTranslation('common_blog');
+  const observer = user.isLoggedIn ? user.username : DEFAULT_OBSERVER;
   const sort = 'rank';
   const query = null;
-  const { isLoading, error, data } = useQuery(['communitiesList', sort, query], () =>
-    getCommunities(sort, query)
-  );
 
+  const { isLoading, data } = useQuery({
+    queryKey: ['communitiesList', sort, query],
+    queryFn: () => getCommunities(sort, query, observer)
+  });
+  const { data: mySubsData } = useQuery({
+    queryKey: ['subscriptions', user.username],
+    queryFn: () => getSubscriptions(user.username),
+    enabled: Boolean(user.isLoggedIn)
+  });
   const filteredCommunity = data
     ?.slice(0, 12)
     .filter((c) => !mySubsData?.map((my) => my[0]).includes(c.name));
@@ -41,14 +43,16 @@ export function CommunitiesSelect({
   return (
     <Select
       onValueChange={(e) => {
-        e === 'communities' ? router.push(withBasePath('communities')) : router.push(withBasePath(`/trending/${e}`));
+        e === 'communities'
+          ? router.push(withBasePath('communities'))
+          : router.push(withBasePath(`/trending/${e}`));
       }}
     >
       <SelectTrigger className="bg-white dark:bg-background/95 dark:text-white">
         <SelectValue placeholder={title} />
       </SelectTrigger>
       <SelectContent
-      className="overflow-y-auto max-h-96"
+        className="max-h-96 overflow-y-auto"
         ref={(ref) => {
           if (!ref) return;
           ref.ontouchstart = (e) => {
@@ -59,9 +63,9 @@ export function CommunitiesSelect({
         <SelectGroup>
           <SelectItem value="/">{t('navigation.communities_nav.all_posts')}</SelectItem>
         </SelectGroup>
-        {username && (
+        {user.isLoggedIn && (
           <SelectGroup>
-            <SelectItem value={`../@${username}/feed`}>My friends</SelectItem>
+            <SelectItem value={`../@${user.username}/feed`}>My friends</SelectItem>
             <SelectItem value={`../trending/my`}>My communities</SelectItem>
             {mySubsData && mySubsData.length > 0 ? (
               <SelectItem disabled value="my-communities" className="text-slate-400">
diff --git a/apps/blog/components/communities-sidebar.tsx b/apps/blog/features/layouts/community/communities-sidebar.tsx
similarity index 79%
rename from apps/blog/components/communities-sidebar.tsx
rename to apps/blog/features/layouts/community/communities-sidebar.tsx
index 8388196cc8e171fea1b0f8968880c8c647656acf..14df061dd8ad6510a7989213ad2e5a6d30395a86 100644
--- a/apps/blog/components/communities-sidebar.tsx
+++ b/apps/blog/features/layouts/community/communities-sidebar.tsx
@@ -1,18 +1,26 @@
+'use client';
+
 import Link from 'next/link';
 import { useQuery } from '@tanstack/react-query';
-import { getCommunities } from '@transaction/lib/bridge';
+import { getCommunities } from '@transaction/lib/bridge-api';
 import { cn } from '@ui/lib/utils';
 import { Card, CardContent, CardHeader, CardTitle } from '@hive/ui/components/card';
 import { FC } from 'react';
-import { useTranslation } from 'next-i18next';
+import { useTranslation } from '@/blog/i18n/client';
+import { useUser } from '@smart-signer/lib/auth/use-user';
+import { DEFAULT_OBSERVER } from '@/blog/lib/utils';
 
 const CommunitiesSidebar: FC = () => {
   const { t } = useTranslation('common_blog');
   const sort = 'rank';
   const query = null;
-  const { isLoading, error, data } = useQuery(['communitiesList', sort, query], () =>
-    getCommunities(sort, query)
-  );
+  const { user } = useUser();
+  const observer = user.isLoggedIn ? user.username : DEFAULT_OBSERVER;
+
+  const { data } = useQuery({
+    queryKey: ['communitiesList', sort],
+    queryFn: () => getCommunities(sort, query, observer)
+  });
 
   // Only show a fallback if data is truly missing (not hydrated)
   if (!data) return null;
diff --git a/apps/blog/feature/community-layout/community-description.tsx b/apps/blog/features/layouts/community/community-description.tsx
similarity index 91%
rename from apps/blog/feature/community-layout/community-description.tsx
rename to apps/blog/features/layouts/community/community-description.tsx
index 79d62f9411d87c6f6a5b8ba8a204985b9199a4cb..de2dd0bb49adcc5a9a02ed6a442de7be433ce0bb 100644
--- a/apps/blog/feature/community-layout/community-description.tsx
+++ b/apps/blog/features/layouts/community/community-description.tsx
@@ -1,24 +1,22 @@
+'use client';
+
 import { Card, CardContent, CardHeader, CardTitle } from '@hive/ui/components/card';
-import Link from 'next/link';
 import BasePathLink from '@/blog/components/base-path-link';
 import ln2list from '@/blog/lib/ln2list';
 import { IAccountNotification } from '@transaction/lib/extended-hive.chain';
 import { Community } from '@transaction/lib/extended-hive.chain';
-import { SubsListDialog } from '../../components/subscription-list-dialog';
-import { ActivityLogDialog } from '../../components/activity-log-dialog';
+import { SubsListDialog } from './subscription-list-dialog';
+import { ActivityLogDialog } from '../../activity-log/dialog';
 import { Badge } from '@ui/components/badge';
-import { useTranslation } from 'next-i18next';
-import { useUser } from '@smart-signer/lib/auth/use-user';
+import { useTranslation } from '@/blog/i18n/client';
 import { useEffect, useState } from 'react';
-import SubscribeCommunity from '../../components/subscribe-community';
-import NewPost from '../../components/new-post-button';
-import RendererContainer from '../../components/rendererContainer';
-import { getLogger } from '@ui/lib/logging';
-import EditCommunityDialog from '../community-settings/edit-dialog';
+import SubscribeCommunity from '../../community-profile/subscribe-community';
+import NewPost from './new-post-button';
+import RendererContainer from '../../post-rendering/rendererContainer';
+import EditCommunityDialog from '../../community-profile/edit-dialog';
 import { Separator } from '@ui/components';
 import clsx from 'clsx';
-
-const logger = getLogger('app');
+import { useUserClient } from '@smart-signer/lib/auth/use-user-client';
 
 const CommunityDescription = ({
   data,
@@ -32,7 +30,7 @@ const CommunityDescription = ({
   username: string;
 }) => {
   const [isSubscribed, setIsSubscribed] = useState(() => data.context.subscribed);
-  const { user } = useUser();
+  const { user } = useUserClient();
   const { t } = useTranslation('common_blog');
   const userRole = data.team.find((e) => e[0] === user.username);
   const adminRole = data.team.find((e) => e[0] === user.username && e[1] === 'admin');
diff --git a/apps/blog/features/layouts/community/community-layout.tsx b/apps/blog/features/layouts/community/community-layout.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..6f21abe9c83f6abba006a5b2d9ee28da3e8638db
--- /dev/null
+++ b/apps/blog/features/layouts/community/community-layout.tsx
@@ -0,0 +1,116 @@
+'use client';
+
+import { ReactNode } from 'react';
+import CommunitySimpleDescription from './community-simple-description';
+import CommunitiesMybar from '../communities-mybar';
+import CommunitiesSidebar from './communities-sidebar';
+import { useQuery } from '@tanstack/react-query';
+import {
+  getAccountNotifications,
+  getCommunity,
+  getSubscribers,
+  getSubscriptions
+} from '@transaction/lib/bridge-api';
+import CommunityDescription from './community-description';
+import { CommunitiesSelect } from '@/blog/features/layouts/communities-select';
+import PostSelectFilter from '@/blog/features/layouts/post-select-filter';
+import { usePathname } from 'next/navigation';
+import BasePathLink from '@/blog/components/base-path-link';
+import { useUserClient } from '@smart-signer/lib/auth/use-user-client';
+import { DEFAULT_OBSERVER } from '@/blog/lib/utils';
+
+const CommunityLayout = ({ children, community }: { children: ReactNode; community: string }) => {
+  const { user } = useUserClient();
+  const pathname = usePathname();
+  const observer = user.isLoggedIn ? user.username : DEFAULT_OBSERVER;
+  const isRolesPage = pathname?.includes('/roles/');
+  const { data: subsData } = useQuery({
+    queryKey: ['subscribers', community],
+    queryFn: () => getSubscribers(community ?? '')
+  });
+  const { data: notificationData } = useQuery({
+    queryKey: ['AccountNotification', community],
+    queryFn: () => getAccountNotifications(community ?? '')
+  });
+
+  const { data: mySubsData } = useQuery({
+    queryKey: ['subscriptions', user?.username],
+    queryFn: () => getSubscriptions(user.username),
+    enabled: Boolean(user?.username)
+  });
+
+  const { data: communityData } = useQuery({
+    queryKey: ['community', community],
+    queryFn: () => getCommunity(community, observer)
+  });
+
+  return (
+    <div className="container mx-auto max-w-screen-2xl flex-grow px-4 pb-2">
+      <div className="grid grid-cols-12 md:gap-4">
+        <div className="hidden md:col-span-3 md:flex xl:col-span-2">
+          {!!mySubsData ? <CommunitiesMybar data={mySubsData} /> : <CommunitiesSidebar />}
+        </div>
+        <div className="col-span-12 md:col-span-9 xl:col-span-8">
+          <div data-testid="card-explore-hive-mobile" className="md:col-span-10 md:flex xl:hidden">
+            {communityData && subsData ? (
+              <CommunitySimpleDescription
+                data={communityData}
+                subs={subsData}
+                username={community}
+                notificationData={notificationData}
+              />
+            ) : null}
+          </div>
+
+          <div className="col-span-12 md:col-span-9 xl:col-span-8">
+            <div className="col-span-12 mb-5 flex flex-col md:col-span-10 lg:col-span-8">
+              <div className="my-4 flex w-full items-center justify-between" translate="no">
+                <div className="mr-2 flex w-[320px] flex-col">
+                  {isRolesPage ? (
+                    <BasePathLink href={`/trending/${community}`}>
+                      <span
+                        className="text-md ml-10 font-medium text-destructive"
+                        data-testid="community-name"
+                      >
+                        {communityData?.title || community}
+                      </span>
+                    </BasePathLink>
+                  ) : (
+                    <>
+                      <span className="text-md hidden font-medium md:block" data-testid="community-name">
+                        {communityData?.title || community}
+                      </span>
+                      <span className="md:hidden">
+                        <CommunitiesSelect title={communityData?.title || community} />
+                      </span>
+                    </>
+                  )}
+                </div>
+
+                {isRolesPage ? null : (
+                  <div className="w-[180px]">
+                    <PostSelectFilter param={`/${community}`} />
+                  </div>
+                )}
+              </div>
+              {children}
+            </div>
+          </div>
+        </div>
+        <div data-testid="card-explore-hive-desktop" className="hidden xl:col-span-2 xl:flex">
+          {!community && !communityData ? (
+            <CommunitiesSidebar />
+          ) : communityData && subsData ? (
+            <CommunityDescription
+              data={communityData}
+              subs={subsData}
+              notificationData={notificationData}
+              username={community ?? ''}
+            />
+          ) : null}
+        </div>
+      </div>
+    </div>
+  );
+};
+export default CommunityLayout;
diff --git a/apps/blog/feature/community-layout/community-simple-description.tsx b/apps/blog/features/layouts/community/community-simple-description.tsx
similarity index 88%
rename from apps/blog/feature/community-layout/community-simple-description.tsx
rename to apps/blog/features/layouts/community/community-simple-description.tsx
index 5f76ee50cfe6e5b0dddd0f2f1adf35ae22388b2b..1f4146476383015d8995cd92d80fc52e3309171e 100644
--- a/apps/blog/feature/community-layout/community-simple-description.tsx
+++ b/apps/blog/features/layouts/community/community-simple-description.tsx
@@ -1,18 +1,19 @@
+'use client';
+
 import { Card, CardContent, CardHeader, CardTitle } from '@ui/components/card';
 import { Community } from '@transaction/lib/extended-hive.chain';
 import { IAccountNotification } from '@transaction/lib/extended-hive.chain';
-import { SubsListDialog } from '../../components/subscription-list-dialog';
-import { ActivityLogDialog } from '../../components/activity-log-dialog';
-import { useTranslation } from 'next-i18next';
-import SubscribeCommunity from '../../components/subscribe-community';
-import { useUser } from '@smart-signer/lib/auth/use-user';
-import NewPost from '../../components/new-post-button';
+import { SubsListDialog } from './subscription-list-dialog';
+import { ActivityLogDialog } from '../../activity-log/dialog';
+import { useTranslation } from '@/blog/i18n/client';
+import SubscribeCommunity from '../../community-profile/subscribe-community';
+import NewPost from './new-post-button';
 import { useEffect, useState } from 'react';
 import { Badge, Separator } from '@ui/components';
-import Link from 'next/link';
 import BasePathLink from '@/blog/components/base-path-link';
-import EditCommunityDialog from '../community-settings/edit-dialog';
+import EditCommunityDialog from '../../community-profile/edit-dialog';
 import clsx from 'clsx';
+import { useUserClient } from '@smart-signer/lib/auth/use-user-client';
 
 const CommunitySimpleDescription = ({
   data,
@@ -27,7 +28,7 @@ const CommunitySimpleDescription = ({
 }) => {
   const { t } = useTranslation('common_blog');
   const [isSubscribed, setIsSubscribed] = useState(() => data.context.subscribed);
-  const { user } = useUser();
+  const { user } = useUserClient();
 
   useEffect(() => {
     setIsSubscribed(data.context.subscribed);
diff --git a/apps/blog/components/new-post-button.tsx b/apps/blog/features/layouts/community/new-post-button.tsx
similarity index 96%
rename from apps/blog/components/new-post-button.tsx
rename to apps/blog/features/layouts/community/new-post-button.tsx
index 62b7436ae9f5c13e9288a6ec2be97fd37bef86dd..4ba900d07e8c073d49c2697004a694a7c4db36e7 100644
--- a/apps/blog/components/new-post-button.tsx
+++ b/apps/blog/features/layouts/community/new-post-button.tsx
@@ -1,9 +1,9 @@
 import { useLocalStorage } from 'usehooks-ts';
 import { Button } from '@ui/components';
-import { useTranslation } from 'next-i18next';
 import Link from 'next/link';
 import { DEFAULT_PREFERENCES, Preferences } from '@/blog/lib/utils';
 import { useUser } from '@smart-signer/lib/auth/use-user';
+import { useTranslation } from '../../../i18n/client';
 
 type AccountFormValues = {
   title: string;
diff --git a/apps/blog/features/layouts/community/prefetch-component.tsx b/apps/blog/features/layouts/community/prefetch-component.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..e8ee0a650daa9cc1ccc6541b2d89a5888db977f2
--- /dev/null
+++ b/apps/blog/features/layouts/community/prefetch-component.tsx
@@ -0,0 +1,44 @@
+import { ReactNode } from 'react';
+import { getQueryClient } from '@/blog/lib/react-query';
+import { dehydrate, Hydrate } from '@tanstack/react-query';
+import {
+  getAccountNotifications,
+  getCommunities,
+  getCommunity,
+  getSubscribers
+} from '@transaction/lib/bridge-api';
+import CommunityLayout from './community-layout';
+import { getObserverFromCookies } from '@/blog/lib/auth-utils';
+
+const sort = 'rank';
+const query = null;
+
+const PrefetchComponent = async ({ children, community }: { children: ReactNode; community: string }) => {
+  const queryClient = getQueryClient();
+  const observer = getObserverFromCookies();
+  await queryClient.prefetchQuery({
+    queryKey: ['communitiesList', sort],
+    queryFn: () => getCommunities(sort, query, observer)
+  });
+  if (community) {
+    await queryClient.prefetchQuery({
+      queryKey: ['community', community],
+      queryFn: async () => await getCommunity(community, observer)
+    });
+    await queryClient.prefetchQuery({
+      queryKey: ['subscribers', community],
+      queryFn: async () => await getSubscribers(community)
+    });
+    await queryClient.prefetchQuery({
+      queryKey: ['AccountNotification', community],
+      queryFn: async () => await getAccountNotifications(community)
+    });
+  }
+  return (
+    <Hydrate state={dehydrate(queryClient)}>
+      <CommunityLayout community={community}>{children}</CommunityLayout>
+    </Hydrate>
+  );
+};
+
+export default PrefetchComponent;
diff --git a/apps/blog/components/subscription-list-dialog.tsx b/apps/blog/features/layouts/community/subscription-list-dialog.tsx
similarity index 91%
rename from apps/blog/components/subscription-list-dialog.tsx
rename to apps/blog/features/layouts/community/subscription-list-dialog.tsx
index ea1c951885592de57dc95074fd47a2726e7e3f93..6ad17b8074b7fe80b25ada67a589a8e461d17aaf 100644
--- a/apps/blog/components/subscription-list-dialog.tsx
+++ b/apps/blog/features/layouts/community/subscription-list-dialog.tsx
@@ -1,9 +1,11 @@
+'use client';
+
 import { Dialog, DialogContent, DialogTrigger } from '@ui/components/dialog';
 
-import BasePathLink from './base-path-link';
+import BasePathLink from '../../../components/base-path-link';
 import { ReactNode } from 'react';
 import { Badge } from '@ui/components';
-import ChangeTitleDialog from './change-title-dialog';
+import ChangeTitleDialog from '../../community-profile/change-title-dialog';
 
 export function SubsListDialog({
   community,
diff --git a/apps/blog/components/explore-hive.tsx b/apps/blog/features/layouts/explore-hive.tsx
similarity index 98%
rename from apps/blog/components/explore-hive.tsx
rename to apps/blog/features/layouts/explore-hive.tsx
index 143c9d00954c6d9a31d281c2abee329304a5087c..b689730004497dbc2b5651661880857d99038f61 100644
--- a/apps/blog/components/explore-hive.tsx
+++ b/apps/blog/features/layouts/explore-hive.tsx
@@ -3,8 +3,9 @@ import { Card, CardContent, CardHeader, CardTitle } from '@hive/ui/components/ca
 import { FC } from 'react';
 import Link from 'next/link';
 import { Icons } from '@ui/components/icons';
-import { useTranslation } from 'next-i18next';
+
 import env from '@beam-australia/react-env';
+import { useTranslation } from '../../i18n/client';
 
 const ExploreHive: FC = () => {
   const { t } = useTranslation('common_blog');
diff --git a/apps/blog/components/lang-toggle.tsx b/apps/blog/features/layouts/lang-toggle.tsx
similarity index 91%
rename from apps/blog/components/lang-toggle.tsx
rename to apps/blog/features/layouts/lang-toggle.tsx
index ae8da7669203e1cafed1923f6115ea17d4594ca6..4132bd5c75bdf20d32c3c86013d6f98ba5603949 100644
--- a/apps/blog/components/lang-toggle.tsx
+++ b/apps/blog/features/layouts/lang-toggle.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 import { Button } from '@ui/components/button';
 import {
@@ -6,12 +8,12 @@ import {
   DropdownMenuItem,
   DropdownMenuTrigger
 } from '@ui/components/dropdown-menu';
-import { useRouter } from 'next/router';
 import { useState } from 'react';
 import clsx from 'clsx';
-import { useTranslation } from 'next-i18next';
+import { useTranslation } from '@/blog/i18n/client';
 import TooltipContainer from '@ui/components/tooltip-container';
-import { getLanguage, setLanguage } from '../utils/language';
+import { getLanguage, setLanguage } from '../../utils/language';
+import { useRouter } from 'next/navigation';
 
 const languages = [
   { locale: 'ar', label: 'عر' },
@@ -33,7 +35,7 @@ export default function LangToggle({ logged, className }: { logged: Boolean; cla
   const handleLanguageChange = (locale: string) => {
     setLanguage(locale);
     setLang(locale);
-    router.reload();
+    router.refresh();
   };
 
   return (
diff --git a/apps/blog/features/layouts/main-page-layout.tsx b/apps/blog/features/layouts/main-page-layout.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..af0b1c303f3d3ac7cbf249da381ef6aa869c8d23
--- /dev/null
+++ b/apps/blog/features/layouts/main-page-layout.tsx
@@ -0,0 +1,63 @@
+'use client';
+
+import { ReactNode } from 'react';
+import CommunitiesMybar from './communities-mybar';
+import CommunitiesSidebar from './community/communities-sidebar';
+import ExploreHive from '@/blog/features/layouts/explore-hive';
+import { useTranslation } from '@/blog/i18n/client';
+import { CommunitiesSelect } from '@/blog/features/layouts/communities-select';
+import PostSelectFilter from '@/blog/features/layouts/post-select-filter';
+import { useUserClient } from '@smart-signer/lib/auth/use-user-client';
+import { getSubscriptions } from '@transaction/lib/bridge-api';
+import { useQuery } from '@tanstack/react-query';
+
+const PageLayout = ({
+  children,
+  tag = '',
+  hidePostsHeader = false
+}: {
+  children: ReactNode;
+  tag?: string;
+  hidePostsHeader?: boolean;
+}) => {
+  const { user } = useUserClient();
+  const { t } = useTranslation('common_blog');
+  const { data } = useQuery({
+    queryKey: ['subscriptions', user.username],
+    queryFn: () => getSubscriptions(user.username),
+    enabled: user.isLoggedIn
+  });
+  return (
+    <div className="container mx-auto max-w-screen-2xl flex-grow px-4 pb-2">
+      <div className="grid grid-cols-12 md:gap-4">
+        <div className="hidden md:col-span-3 md:flex xl:col-span-2">
+          {!!data ? <CommunitiesMybar data={data} /> : <CommunitiesSidebar />}
+        </div>
+        <div className="col-span-12 md:col-span-9 xl:col-span-8">
+          <div className="col-span-12 mb-5 flex flex-col md:col-span-10 lg:col-span-8">
+            {hidePostsHeader ? null : (
+              <div className="my-4 flex w-full items-center justify-between" translate="no">
+                <div className="mr-2 flex w-[320px] flex-col">
+                  <span className="text-md hidden font-medium md:block" data-testid="community-name">
+                    {tag ?? t('navigation.communities_nav.all_posts')}
+                  </span>
+                  <span className="md:hidden">
+                    <CommunitiesSelect title={t('navigation.communities_nav.all_posts')} />
+                  </span>
+                </div>
+                <div className="w-[180px]">
+                  <PostSelectFilter param={!!tag ? `/${tag}` : ''} />
+                </div>
+              </div>
+            )}
+            {children}
+          </div>
+        </div>
+        <div data-testid="card-explore-hive-desktop" className="hidden xl:col-span-2 xl:flex">
+          {!!user.isLoggedIn ? <CommunitiesSidebar /> : <ExploreHive />}
+        </div>
+      </div>
+    </div>
+  );
+};
+export default PageLayout;
diff --git a/apps/blog/components/mode-toggle.tsx b/apps/blog/features/layouts/mode-toggle.tsx
similarity index 96%
rename from apps/blog/components/mode-toggle.tsx
rename to apps/blog/features/layouts/mode-toggle.tsx
index f312212e26593cde2c3691d898dcfdb452838f41..5356a546ddbd1be0061333fe17908ca8bb386c6f 100644
--- a/apps/blog/components/mode-toggle.tsx
+++ b/apps/blog/features/layouts/mode-toggle.tsx
@@ -9,7 +9,7 @@ import {
   DropdownMenuTrigger
 } from '@ui/components/dropdown-menu';
 import { Icons } from '@ui/components/icons';
-import { useTranslation } from 'next-i18next';
+import { useTranslation } from '@/blog/i18n/client';
 import TooltipContainer from '@ui/components/tooltip-container';
 
 export default function ModeToggle({ children }: { children: React.ReactNode }) {
diff --git a/apps/blog/features/layouts/post-select-filter.tsx b/apps/blog/features/layouts/post-select-filter.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..f2d2f844a349205415964804b4fe72287a1cd72b
--- /dev/null
+++ b/apps/blog/features/layouts/post-select-filter.tsx
@@ -0,0 +1,40 @@
+'use client';
+
+import {
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from '@ui/components/select';
+import { usePathname, useRouter } from 'next/navigation';
+import { useTranslation } from '../../i18n/client';
+
+const PostSelectFilter = ({ param }: { param: string }) => {
+  const { t } = useTranslation('common_blog');
+  const router = useRouter();
+  const path = usePathname();
+  const currentPath = `/${path?.split('/')[1]}`;
+  const onValueChange = (value: string) => {
+    router.push(`${value}${param}`, undefined);
+  };
+  return (
+    <Select defaultValue={currentPath ?? '/trending'} onValueChange={onValueChange}>
+      <SelectTrigger className="bg-background" data-testid="posts-filter">
+        <SelectValue placeholder={t('select_sort.posts_sort.trending')} />
+      </SelectTrigger>
+      <SelectContent data-testid="posts-filter-list">
+        <SelectGroup>
+          <SelectItem value="/trending">{t('select_sort.posts_sort.trending')}</SelectItem>
+          <SelectItem value="/hot">{t('select_sort.posts_sort.hot')}</SelectItem>
+          <SelectItem value="/created">{t('select_sort.posts_sort.new')}</SelectItem>
+          <SelectItem value="/payout">{t('select_sort.posts_sort.payouts')}</SelectItem>
+          <SelectItem value="/muted">{t('select_sort.posts_sort.muted')}</SelectItem>
+        </SelectGroup>
+      </SelectContent>
+    </Select>
+  );
+};
+
+export default PostSelectFilter;
diff --git a/apps/blog/features/layouts/providers.tsx b/apps/blog/features/layouts/providers.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..1969679049ad674216863de5b9498965d031255b
--- /dev/null
+++ b/apps/blog/features/layouts/providers.tsx
@@ -0,0 +1,37 @@
+'use client';
+
+import { QueryClientProvider } from '@tanstack/react-query';
+
+import { FC, PropsWithChildren, useMemo } from 'react';
+import Head from 'next/head';
+import { useTheme } from 'next-themes';
+import { SignerProvider } from '@hive/smart-signer/components/signer-provider';
+import { getQueryClient } from '@/blog/lib/react-query';
+import { ReactQueryDevtools } from '@tanstack/react-query-devtools';
+import { LoggedUserProvider } from '@/blog/features/votes/hooks/use-logged-user';
+import { ThemeProvider } from '@/blog/features/layouts/theme-provider';
+import { ModalContainer } from '@smart-signer/components/modal-container';
+import { Toaster } from '@ui/components/toaster';
+
+export const Providers: FC<PropsWithChildren> = ({ children }) => {
+  const queryClient = useMemo(() => getQueryClient(), []);
+  const { resolvedTheme } = useTheme();
+
+  return (
+    <>
+      <Head>
+        <meta name="theme-color" content={resolvedTheme === 'dark' ? '#030711' : '#ffffff'} />
+      </Head>
+      <QueryClientProvider client={queryClient}>
+        <ThemeProvider attribute="class" defaultTheme="system" enableSystem>
+          <SignerProvider>
+            <LoggedUserProvider>{children}</LoggedUserProvider>
+          </SignerProvider>
+        </ThemeProvider>
+        <ReactQueryDevtools initialIsOpen={false} />
+        <ModalContainer />
+        <Toaster />
+      </QueryClientProvider>
+    </>
+  );
+};
diff --git a/apps/blog/components/sidebar.tsx b/apps/blog/features/layouts/sidebar.tsx
similarity index 96%
rename from apps/blog/components/sidebar.tsx
rename to apps/blog/features/layouts/sidebar.tsx
index adb9f625aa66e3aa066c48c0255b14a6c2ce6fa4..2d998b3d94c32063c7cd05133974b08ee0983ca4 100644
--- a/apps/blog/components/sidebar.tsx
+++ b/apps/blog/features/layouts/sidebar.tsx
@@ -2,16 +2,15 @@ import { Button } from '@ui/components/button';
 import { Icons } from '@ui/components/icons';
 import { Sheet, SheetContent, SheetTrigger, SheetClose } from '@ui/components/sheet';
 import Link from 'next/link';
-import BasePathLink from './base-path-link';
+import BasePathLink from '../../components/base-path-link';
 import { Separator } from '@ui/components/separator';
-import clsx from 'clsx';
 import { ReactNode } from 'react';
-import { useTranslation } from 'next-i18next';
+import { useTranslation } from '@/blog/i18n/client';
 import env from '@beam-australia/react-env';
-import DialogLogin from './dialog-login';
+import DialogLogin from '../../components/dialog-login';
 import { getLogger } from '@ui/lib/logging';
 import { useUser } from '@smart-signer/lib/auth/use-user';
-import version from '../version.json';
+import version from '../../version.json';
 import { siteConfig } from '@ui/config/site';
 import TooltipContainer from '@ui/components/tooltip-container';
 
diff --git a/apps/blog/pages/_app.tsx b/apps/blog/features/layouts/site-header/client-effects.tsx
similarity index 54%
rename from apps/blog/pages/_app.tsx
rename to apps/blog/features/layouts/site-header/client-effects.tsx
index 1d3aa763a4697998521ae4866931e262a8607966..a6ae8a7fb89a5122b9e687d79c719899abde58db 100644
--- a/apps/blog/pages/_app.tsx
+++ b/apps/blog/features/layouts/site-header/client-effects.tsx
@@ -1,28 +1,17 @@
-import '@hive/tailwindcss-config/globals.css';
-import type { AppProps } from 'next/app';
+'use client';
+
 import { useEffect } from 'react';
-import { appWithTranslation } from 'next-i18next';
-import { i18n } from 'next-i18next.config';
 import { getCookie } from '@smart-signer/lib/utils';
-import i18nConfig from '../next-i18next.config';
-import { getLanguage } from '../utils/language';
-import Providers from '@/blog/components/common/providers';
-import { useRouter } from 'next/router';
-
-function App({ Component, pageProps }: AppProps) {
-  const router = useRouter();
+import { getLanguage } from '@/blog/utils/language';
 
+export default function ClientEffects() {
   useEffect(() => {
     // Handle locale cookie setting
     if (typeof window !== 'undefined' && !getCookie('NEXT_LOCALE')) {
-      document.cookie = `NEXT_LOCALE=${i18n.defaultLocale}; SameSite=Lax`;
+      document.cookie = `NEXT_LOCALE=en; SameSite=Lax`;
     }
 
-    // Handle direction setting
-    const locale = getCookie('NEXT_LOCALE');
-    document.body.setAttribute('dir', locale === 'ar' ? 'rtl' : 'ltr');
-
-    // Handle language setting
+    // Handle language setting from localStorage/cookies
     const savedLang = getLanguage();
     if (savedLang) {
       document.documentElement.lang = savedLang;
@@ -32,10 +21,11 @@ function App({ Component, pageProps }: AppProps) {
   // Global handler for browser back/forward navigation in subdirectory deployments
   // This fixes issues when navigating back between different route handlers
   useEffect(() => {
-    if (router.basePath) {
+    const basePath = process.env.NEXT_PUBLIC_BASE_PATH || '';
+    if (basePath) {
       const handlePopState = () => {
         // Get the current path without basePath
-        const pathWithoutBase = window.location.pathname.replace(router.basePath, '');
+        const pathWithoutBase = window.location.pathname.replace(basePath, '');
 
         // Force reload when navigating to/from user profile pages
         // This ensures the correct route handler is used
@@ -50,13 +40,7 @@ function App({ Component, pageProps }: AppProps) {
       window.addEventListener('popstate', handlePopState);
       return () => window.removeEventListener('popstate', handlePopState);
     }
-  }, [router.basePath]);
+  }, []);
 
-  return (
-    <Providers dehydratedState={pageProps.dehydratedState}>
-      <Component {...pageProps} />
-    </Providers>
-  );
+  return null;
 }
-
-export default appWithTranslation(App, i18nConfig);
diff --git a/apps/blog/components/site-header.tsx b/apps/blog/features/layouts/site-header/main-bar.tsx
similarity index 83%
rename from apps/blog/components/site-header.tsx
rename to apps/blog/features/layouts/site-header/main-bar.tsx
index 4ef20f806782b1b3ae04ce01855fa87e4c2940ef..c1367c1deb36e6c87a23074d36653fc9bcbd5e2e 100644
--- a/apps/blog/components/site-header.tsx
+++ b/apps/blog/features/layouts/site-header/main-bar.tsx
@@ -1,54 +1,52 @@
+'use client';
+
 import { Button } from '@ui/components/button';
 import { Icons } from '@ui/components/icons';
-import Sidebar from './sidebar';
-import { MainNav } from './main-nav';
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@ui/components/tooltip';
 import { siteConfig } from '@ui/config/site';
-import { configuredImagesEndpoint } from '@hive/ui/config/public-vars';
 import Link from 'next/link';
 import React, { useState, FC, useEffect } from 'react';
 import clsx from 'clsx';
-import { useTranslation } from 'next-i18next';
-import { useUser } from '@smart-signer/lib/auth/use-user';
-import DialogLogin from './dialog-login';
+import { useUserClient } from '@smart-signer/lib/auth/use-user-client';
 import { Avatar, AvatarFallback, AvatarImage } from '@ui/components';
 import { useQuery } from '@tanstack/react-query';
-import { getUnreadNotifications } from '@transaction/lib/bridge';
-import ModeToggle from './mode-toggle';
-import UserMenu from '@/blog/components/user-menu';
-import LangToggle from './lang-toggle';
+import { getUnreadNotifications } from '@transaction/lib/bridge-api';
+import UserMenu from '@/blog/features/layouts/site-header/user-menu';
 import { PieChart, Pie } from 'recharts';
-import useManabars from './hooks/useManabars';
-import { hoursAndMinutes } from '../lib/utils';
-
-import { getAccountFull } from '@transaction/lib/hive';
+import { getAccountFull } from '@transaction/lib/hive-api';
 import TooltipContainer from '@ui/components/tooltip-container';
 import { ModeSwitchInput } from '@ui/components/mode-switch-input';
-import { useRouter } from 'next/router';
-import { cn } from '@ui/lib/utils';
-import { getHiveSenseStatus } from '../lib/get-data';
-import { getUserAvatarUrl, getDefaultImageUrl } from '@hive/ui';
+import { getUserAvatarUrl } from '@hive/ui';
+import useManabars from '@/blog/components/hooks/use-manabars';
+import { getHiveSenseStatus } from '@transaction/lib/hivesense-api';
+import DialogLogin from '@/blog/components/dialog-login';
+import ModeToggle from '@/blog/features/layouts/mode-toggle';
+import LangToggle from '@/blog/features/layouts/lang-toggle';
+import { hoursAndMinutes } from '@/blog/lib/utils';
+import Sidebar from '@/blog/features/layouts/sidebar';
+import { useTranslation } from '@/blog/i18n/client';
+import { usePathname } from 'next/navigation';
+import { MainNav } from './main-nav';
+import SearchButton from './search-button';
 
-const SiteHeader: FC = () => {
+const MainBar: FC = () => {
   const { t } = useTranslation('common_blog');
-  const router = useRouter();
-  const [isClient, setIsClient] = useState(false);
-  useEffect(() => {
-    setIsClient(true);
-  }, []);
-  const { user } = useUser();
+  const pathname = usePathname();
+  const { user } = useUserClient();
   const { manabarsData } = useManabars(user.username);
-  const { data } = useQuery(
-    ['unreadNotifications', user.username],
-    () => getUnreadNotifications(user.username),
-    {
-      enabled: !!user.username
-    }
-  );
-  const { data: profile } = useQuery(['profileData', user.username], () => getAccountFull(user.username), {
+  const { data } = useQuery({
+    queryKey: ['unreadNotifications', user.username],
+    queryFn: () => getUnreadNotifications(user.username),
+    enabled: !!user.username
+  });
+  const { data: profile } = useQuery({
+    queryKey: ['profileData', user.username],
+    queryFn: () => getAccountFull(user.username),
     enabled: user?.isLoggedIn
   });
-  const { data: hiveSense } = useQuery(['hivesense-api'], () => getHiveSenseStatus(), {
+  const { data: hiveSense } = useQuery({
+    queryKey: ['hivesense-api'],
+    queryFn: () => getHiveSenseStatus(),
     refetchOnWindowFocus: false,
     refetchOnMount: false
   });
@@ -98,7 +96,7 @@ const SiteHeader: FC = () => {
         <MainNav />
         <div className="flex items-center space-x-2 sm:space-x-4">
           <nav className="flex items-center space-x-1">
-            {isClient && user.isLoggedIn ? null : (
+            {user.isLoggedIn ? null : (
               <div className="mx-1 hidden gap-1 sm:flex">
                 <DialogLogin>
                   <Button
@@ -117,7 +115,7 @@ const SiteHeader: FC = () => {
               </div>
             )}
             <div className="hidden lg:block">
-              {router.pathname === '/search' ? (
+              {pathname === '/search' ? (
                 <SearchButton aiTag={!!hiveSense} />
               ) : (
                 <ModeSwitchInput aiAvailable={!!hiveSense} />
@@ -131,7 +129,7 @@ const SiteHeader: FC = () => {
                 </Button>
               </Link>
             </TooltipContainer>
-            {isClient && !user.isLoggedIn ? (
+            {!user.isLoggedIn ? (
               <div>
                 <ModeToggle>
                   <Button variant="ghost" size="sm" className="h-10 w-full px-2" data-testid="theme-mode">
@@ -143,13 +141,13 @@ const SiteHeader: FC = () => {
               </div>
             ) : null}
 
-            {isClient && !user.isLoggedIn ? (
+            {!user.isLoggedIn ? (
               <div>
                 <LangToggle logged={user ? user?.isLoggedIn : false} className="px-2" />
               </div>
             ) : null}
 
-            {isClient && user.isLoggedIn ? (
+            {user.isLoggedIn ? (
               <TooltipProvider>
                 <Tooltip>
                   <TooltipTrigger data-testid="profile-avatar-button" className="cursor-pointer">
@@ -276,17 +274,4 @@ const SiteHeader: FC = () => {
   );
 };
 
-export default SiteHeader;
-
-const SearchButton = ({ aiTag, className }: { aiTag: boolean; className?: string }) => {
-  return (
-    <TooltipContainer title={`${aiTag ? 'AI ' : ''}Search`}>
-      <Link href="/search" data-testid="navbar-search-link">
-        <Button variant="ghost" size="sm" className={cn('relative h-10 w-10 px-0', className)}>
-          <Icons.search className="h-5 w-5 rotate-90" />
-          {aiTag ? <span className="absolute bottom-0 right-2 text-[10px] font-bold">AI</span> : null}
-        </Button>
-      </Link>
-    </TooltipContainer>
-  );
-};
+export default MainBar;
diff --git a/apps/blog/components/main-nav.tsx b/apps/blog/features/layouts/site-header/main-nav.tsx
similarity index 97%
rename from apps/blog/components/main-nav.tsx
rename to apps/blog/features/layouts/site-header/main-nav.tsx
index 1c72233cc65df01b2ebe7d0edd6a5b6c147f2a54..df7f5238d71c07147a4d58e831a33aa14f6a38b6 100644
--- a/apps/blog/components/main-nav.tsx
+++ b/apps/blog/features/layouts/site-header/main-nav.tsx
@@ -1,8 +1,11 @@
+'use client';
+
 import Link from 'next/link';
 import { usePathname } from 'next/navigation';
 import { cn } from '@ui/lib/utils';
-import { useTranslation } from 'next-i18next';
+
 import env from '@beam-australia/react-env';
+import { useTranslation } from '@/blog/i18n/client';
 
 export function MainNav() {
   const pathname = usePathname();
diff --git a/apps/blog/features/layouts/site-header/search-button.tsx b/apps/blog/features/layouts/site-header/search-button.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..c835bceaefd042f53641f630924e22e2733f5041
--- /dev/null
+++ b/apps/blog/features/layouts/site-header/search-button.tsx
@@ -0,0 +1,22 @@
+'use client';
+
+import { Button } from '@ui/components/button';
+import { Icons } from '@ui/components/icons';
+import TooltipContainer from '@ui/components/tooltip-container';
+import { cn } from '@ui/lib/utils';
+import Link from 'next/link';
+
+const SearchButton = ({ aiTag, className }: { aiTag: boolean; className?: string }) => {
+  return (
+    <TooltipContainer title={`${aiTag ? 'AI ' : ''}Search`}>
+      <Link href="/search" data-testid="navbar-search-link">
+        <Button variant="ghost" size="sm" className={cn('relative h-10 w-10 px-0', className)}>
+          <Icons.search className="h-5 w-5 rotate-90" />
+          {aiTag ? <span className="absolute bottom-0 right-2 text-[10px] font-bold">AI</span> : null}
+        </Button>
+      </Link>
+    </TooltipContainer>
+  );
+};
+
+export default SearchButton;
diff --git a/apps/blog/components/user-menu.tsx b/apps/blog/features/layouts/site-header/user-menu.tsx
similarity index 96%
rename from apps/blog/components/user-menu.tsx
rename to apps/blog/features/layouts/site-header/user-menu.tsx
index 65837bf9141208c580cc03aa664538436c5c1955..c8ed9823cc94dbde7af502aa0a419e5cea801e8f 100644
--- a/apps/blog/components/user-menu.tsx
+++ b/apps/blog/features/layouts/site-header/user-menu.tsx
@@ -8,16 +8,16 @@ import {
   DropdownMenuTrigger
 } from '@ui/components/dropdown-menu';
 import { ReactNode } from 'react';
-import ModeToggle from './mode-toggle';
+import ModeToggle from '../mode-toggle';
 import Link from 'next/link';
-import BasePathLink from './base-path-link';
+import BasePathLink from '../../../components/base-path-link';
 import { Icons } from '@ui/components/icons';
 import { Button } from '@ui/components';
-import LangToggle from './lang-toggle';
+import LangToggle from '../lang-toggle';
 import { useLogout } from '@smart-signer/lib/auth/use-logout';
 import env from '@beam-australia/react-env';
 import { User } from '@smart-signer/types/common';
-import { useTranslation } from 'next-i18next';
+import { useTranslation } from '@/blog/i18n/client';
 
 const UserMenu = ({
   children,
diff --git a/apps/blog/features/layouts/sorts/client-side-layout.tsx b/apps/blog/features/layouts/sorts/client-side-layout.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..bad50d56c1ee817264b79d4a8822bb1c2041ec30
--- /dev/null
+++ b/apps/blog/features/layouts/sorts/client-side-layout.tsx
@@ -0,0 +1,18 @@
+'use client';
+
+import PageLayout from '@/blog/features/layouts/main-page-layout';
+import { usePathname } from 'next/navigation';
+import { ReactNode } from 'react';
+
+const ClientSideLayout = ({ children }: { children: ReactNode }) => {
+  const pathname = usePathname();
+  const params = pathname?.split('/');
+  const tag = params?.[2];
+
+  if (tag?.startsWith('hive-')) {
+    return children;
+  } else {
+    return <PageLayout tag={tag}>{children}</PageLayout>;
+  }
+};
+export default ClientSideLayout;
diff --git a/apps/blog/features/layouts/sorts/server-side-layout.tsx b/apps/blog/features/layouts/sorts/server-side-layout.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..6d2ea759361ffcea76a6fa21bb22b3ccb3248442
--- /dev/null
+++ b/apps/blog/features/layouts/sorts/server-side-layout.tsx
@@ -0,0 +1,25 @@
+import { getObserverFromCookies } from '@/blog/lib/auth-utils';
+import { getQueryClient } from '@/blog/lib/react-query';
+import { dehydrate, Hydrate } from '@tanstack/react-query';
+import { getCommunities, getSubscriptions } from '@transaction/lib/bridge-api';
+import { ReactNode } from 'react';
+
+const sort = 'rank';
+const query = null;
+
+const ServerSideLayout = async ({ children }: { children: ReactNode }) => {
+  const queryClient = getQueryClient();
+  const observer = getObserverFromCookies();
+  await queryClient.prefetchQuery({
+    queryKey: ['communitiesList', sort],
+    queryFn: () => getCommunities(sort, query, observer)
+  });
+  await queryClient.prefetchQuery({
+    queryKey: ['subscriptions', observer],
+    queryFn: () => getSubscriptions(observer)
+  });
+
+  return <Hydrate state={dehydrate(queryClient)}>{children}</Hydrate>;
+};
+
+export default ServerSideLayout;
diff --git a/apps/blog/components/theme-provider.tsx b/apps/blog/features/layouts/theme-provider.tsx
similarity index 100%
rename from apps/blog/components/theme-provider.tsx
rename to apps/blog/features/layouts/theme-provider.tsx
diff --git a/apps/blog/features/layouts/user-profile/list-item.tsx b/apps/blog/features/layouts/user-profile/list-item.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..ba8393082184b09a77f932934e076d4e897dbeb8
--- /dev/null
+++ b/apps/blog/features/layouts/user-profile/list-item.tsx
@@ -0,0 +1,21 @@
+'use client';
+
+import clsx from 'clsx';
+import Link from 'next/link';
+
+const ListItem = ({ href, currentTab, label }: { href: string; currentTab: boolean; label: string }) => {
+  return (
+    <li>
+      <Link
+        href={href}
+        className={clsx('flex h-12 items-center px-2 hover:bg-background hover:text-primary', {
+          'bg-background text-primary dark:hover:text-slate-200': currentTab
+        })}
+      >
+        {label}
+      </Link>
+    </li>
+  );
+};
+
+export default ListItem;
diff --git a/apps/blog/features/layouts/user-profile/profile-layout.tsx b/apps/blog/features/layouts/user-profile/profile-layout.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..4b55e05b86dfda5ef6e08b7051b939272aed5b74
--- /dev/null
+++ b/apps/blog/features/layouts/user-profile/profile-layout.tsx
@@ -0,0 +1,415 @@
+'use client';
+
+import React, { ReactNode, useEffect, useState } from 'react';
+import Link from 'next/link';
+import clsx from 'clsx';
+import BasePathLink from '@/blog/components/base-path-link';
+import { useUser } from '@smart-signer/lib/auth/use-user';
+import { useQuery } from '@tanstack/react-query';
+import env from '@beam-australia/react-env';
+
+import { useTranslation } from '@/blog/i18n/client';
+import { Avatar, AvatarFallback, AvatarImage, proxifyImageSrc, getUserAvatarUrl } from '@ui/components';
+import { Separator } from '@hive/ui/components/separator';
+import TimeAgo from '@ui/components/time-ago';
+import { Icons } from '@hive/ui/components/icons';
+import { dateToShow } from '@ui/lib/parse-date';
+import { convertToHP, numberWithCommas } from '@ui/lib/utils';
+import userIllegalContent from '@ui/config/lists/user-illegal-content';
+import gdprUserList from '@ui/config/lists/gdpr-user-list';
+import { convertStringToBig } from '@ui/lib/helpers';
+
+import { accountReputation, compareDates } from '@/blog/lib/utils';
+import CustomError from '@/blog/components/custom-error';
+import { getAccountFull, getAccountReputations, getDynamicGlobalProperties } from '@transaction/lib/hive-api';
+
+import ButtonsContainer from '@/blog/features/mute-follow/buttons-container';
+import { usePathname } from 'next/navigation';
+import { useFollowingInfiniteQuery } from '@/blog/features/account-lists/hooks/use-following-infinitequery';
+import { getTwitterInfo } from '@transaction/lib/custom-api';
+import ListItem from './list-item';
+import { useUserClient } from '@smart-signer/lib/auth/use-user-client';
+
+const ProfileLayout = ({ children }: { children: ReactNode }) => {
+  const { user } = useUserClient();
+  const { t } = useTranslation('common_blog');
+  const pathname = usePathname();
+  const username = pathname?.split('/')[1].replace('@', '') ?? '';
+  const currentTab = pathname?.split('/')[2] ?? 'blog';
+  const walletHost = env('WALLET_ENDPOINT');
+  const explorerHost = env('EXPLORER_DOMAIN');
+  const userFromGDPRList = gdprUserList.includes(username);
+
+  const { data: profileData } = useQuery({
+    queryKey: ['profileData', username],
+    queryFn: () => getAccountFull(username),
+    enabled: !!username
+  });
+
+  const mute = useFollowingInfiniteQuery(user.username, 1000, 'ignore', ['ignore']);
+  const following = useFollowingInfiniteQuery(user.username, 1000, 'blog', ['blog']);
+
+  const { data: accountReputationData } = useQuery({
+    queryKey: ['accountReputationData', username],
+    queryFn: () => getAccountReputations(username, 1),
+    enabled: !!username
+  });
+
+  const { data: twitterData } = useQuery({
+    queryKey: ['twitterData', username],
+    queryFn: () => getTwitterInfo(username),
+    enabled: !!username,
+    retry: false,
+    refetchOnWindowFocus: false
+  });
+  const { data: dynamicGlobalData } = useQuery({
+    queryKey: ['dynamicGlobalData'],
+    queryFn: () => getDynamicGlobalProperties()
+  });
+
+  if (!dynamicGlobalData || !profileData) {
+    return children;
+  }
+
+  const delegated_hive = convertToHP(
+    convertStringToBig(profileData.delegated_vesting_shares).minus(
+      convertStringToBig(profileData.received_vesting_shares)
+    ),
+    dynamicGlobalData.total_vesting_shares,
+    dynamicGlobalData.total_vesting_fund_hive
+  );
+  const vesting_hive = convertToHP(
+    convertStringToBig(profileData.vesting_shares),
+    dynamicGlobalData.total_vesting_shares,
+    dynamicGlobalData.total_vesting_fund_hive
+  );
+  const hp = vesting_hive.minus(delegated_hive);
+
+  const legalBlockedUser = userIllegalContent.includes(username);
+  if (userFromGDPRList) {
+    return <CustomError />;
+  }
+  return (
+    <div>
+      <div
+        className={clsx('w-full bg-gray-600 text-sm leading-6 sm:h-fit', {
+          'animate-pulse': profileData._temporary
+        })}
+        style={{ textShadow: 'rgb(0, 0, 0) 1px 1px 2px' }}
+        data-testid="profile-info"
+      >
+        <div
+          style={{
+            backgroundImage:
+              profileData?.posting_json_metadata &&
+              JSON.parse(profileData?.posting_json_metadata).profile?.cover_image
+                ? `url('${proxifyImageSrc(
+                    JSON.parse(profileData?.posting_json_metadata).profile?.cover_image,
+                    2048,
+                    512
+                  ).replace(/ /g, '%20')}')`
+                : '',
+            backgroundPosition: 'center center',
+            backgroundRepeat: 'no-repeat',
+            backgroundSize: 'cover'
+          }}
+          className="flex h-auto max-h-full min-h-full w-auto min-w-full max-w-full flex-col items-center text-white"
+        >
+          <div className="mt-4 flex items-center">
+            <Avatar className="mr-3 flex h-12 w-12 items-center justify-center overflow-hidden rounded-full">
+              <AvatarImage
+                className="h-full w-full object-cover"
+                src={getUserAvatarUrl(profileData?.name || '', 'medium')}
+                alt="Profile picture"
+              />
+              <AvatarFallback>
+                <img
+                  className="h-full w-full object-cover"
+                  src={getUserAvatarUrl(profileData?.name || '', 'medium')}
+                  alt="Profile picture"
+                />
+              </AvatarFallback>
+            </Avatar>
+            <h4 className="sm:text-2xl" data-testid="profile-name">
+              <span className="font-semibold">
+                {profileData?.profile?.name ? profileData.profile.name : profileData.name}
+              </span>{' '}
+              <span
+                title={`This is ${username}s's reputation score.\n\nThe reputation score is based on the history of votes received by the account, and is used to hide low quality content.`}
+              >
+                (
+                {accountReputationData && accountReputationData[0].reputation
+                  ? accountReputation(accountReputationData[0].reputation)
+                  : accountReputation(profileData.reputation)}
+                )
+              </span>
+            </h4>
+            {profileData.name ? (
+              <Link
+                href={`https://hivebuzz.me/@${profileData.name}`}
+                target="_blank"
+                data-testid="profile-badge-link"
+              >
+                {/* eslint-disable-next-line @next/next/no-img-element */}
+                <img
+                  alt="fish image"
+                  title={t('user_profile.hive_buzz_badge_title', { username: profileData.name })}
+                  className="mx-2 w-6 duration-500 ease-in-out hover:w-12"
+                  src={`https://hivebuzz.me/api/level/${profileData.name}?dead`}
+                  data-testid="profile-badge-image"
+                />
+              </Link>
+            ) : null}
+            {twitterData ? (
+              <Link
+                href={twitterData.twitter_profile}
+                title={t('user_profile.twitter_badge_title')}
+                target="_blank"
+                data-testid="profile-twitter-badge"
+              >
+                <Icons.twitter fill="#1da1f2" className="text-blue-400" />
+              </Link>
+            ) : null}
+          </div>
+          {!legalBlockedUser ? (
+            <>
+              <p className="my-1 max-w-[420px] text-center sm:my-4" data-testid="profile-about">
+                {profileData?.profile?.about
+                  ? profileData?.profile?.about.slice(0, 157) +
+                    (157 < profileData?.profile?.about.length ? '...' : '')
+                  : null}
+              </p>
+              <ul className="my-1 flex h-5 gap-1 text-xs sm:text-sm" data-testid="profile-stats">
+                <li className="flex items-center gap-1">
+                  <Link
+                    href={`/@${profileData.name}/followers`}
+                    className="hover:cursor-pointer hover:text-destructive hover:underline"
+                  >
+                    {profileData?.follow_stats?.follower_count === 0 || undefined
+                      ? t('user_profile.lists.follower_count.zero')
+                      : profileData?.follow_stats?.follower_count === 1
+                        ? t('user_profile.lists.follower_count.one')
+                        : t('user_profile.lists.follower_count.other', {
+                            value: profileData?.follow_stats?.follower_count
+                          })}
+                  </Link>
+                </li>
+
+                <li
+                  className="flex items-center
+              gap-1"
+                >
+                  <Separator orientation="vertical" className="bg-background" />
+                  <Link
+                    className="hover:cursor-pointer hover:text-destructive hover:underline"
+                    href={`/@${profileData.name}`}
+                  >
+                    {profileData?.post_count === 0
+                      ? t('user_profile.lists.post_count.zero')
+                      : profileData?.post_count === 1
+                        ? t('user_profile.lists.post_count.one')
+                        : t('user_profile.lists.post_count.other', { value: profileData?.post_count })}
+                  </Link>
+                </li>
+
+                <li
+                  className="flex items-center
+              gap-1"
+                >
+                  <Separator orientation="vertical" className="bg-background" />{' '}
+                  <Link
+                    href={`/@${profileData.name}/followed`}
+                    className="hover:cursor-pointer hover:text-destructive hover:underline"
+                  >
+                    {profileData?.follow_stats?.following_count === 0 || undefined
+                      ? t('user_profile.lists.followed_count.zero')
+                      : profileData?.follow_stats?.following_count === 1
+                        ? t('user_profile.lists.followed_count.one')
+                        : t('user_profile.lists.followed_count.other', {
+                            value: profileData?.follow_stats?.following_count
+                          })}
+                  </Link>
+                </li>
+
+                <li className="flex items-center gap-1">
+                  <Separator orientation="vertical" className="bg-background" />
+                  {numberWithCommas(hp.toFixed(0)) + ' HP'}
+                </li>
+              </ul>
+
+              <ul className="my-1 flex flex-wrap justify-center gap-2 text-xs sm:text-sm">
+                <li className="flex items-center gap-1">
+                  <BasePathLink
+                    href={`/@${profileData?.name}/lists/blacklisted`}
+                    className="hover:cursor-pointer hover:text-destructive hover:underline"
+                  >
+                    {t('user_profile.lists.blacklisted_users')}
+                  </BasePathLink>
+                </li>
+
+                <li className="flex items-center gap-1">
+                  <Separator orientation="vertical" className="h-4 bg-background" />
+                  <BasePathLink
+                    href={`/@${profileData?.name}/lists/muted`}
+                    className="hover:cursor-pointer hover:text-destructive hover:underline"
+                  >
+                    {t('user_profile.lists.muted_users')}
+                  </BasePathLink>
+                </li>
+
+                <li className="flex items-center gap-1">
+                  <Separator orientation="vertical" className="h-4 bg-background" />
+                  <BasePathLink
+                    href={`/@${profileData?.name}/lists/followed_blacklists`}
+                    className="hover:cursor-pointer hover:text-destructive hover:underline"
+                  >
+                    {t('user_profile.lists.followed_blacklists')}
+                  </BasePathLink>
+                </li>
+
+                <li className="flex items-center gap-1">
+                  <Separator orientation="vertical" className="bg-background" />
+                  <BasePathLink
+                    href={`/@${profileData?.name}/lists/followed_muted_lists`}
+                    className="hover:cursor-pointer hover:text-destructive hover:underline"
+                  >
+                    {t('user_profile.lists.followed_muted_lists')}
+                  </BasePathLink>
+                </li>
+              </ul>
+
+              <ul className="my-4 flex h-auto flex-wrap justify-center gap-1 text-xs sm:gap-4 sm:text-sm">
+                {profileData?.profile?.location ? (
+                  <li className="flex items-center">
+                    <Icons.mapPin className="m-1" />
+                    <span data-testid="user-location">{profileData?.profile?.location}</span>
+                  </li>
+                ) : null}
+                {profileData?.profile?.website ? (
+                  <li className="flex items-center">
+                    <Icons.globe2 className="m-1" />
+                    <Link
+                      target="_external"
+                      className="website-link break-words "
+                      href={`https://${profileData?.profile?.website?.replace(/^(https?|ftp):\/\//, '')}`}
+                    >
+                      <span>{profileData?.profile?.website}</span>
+                    </Link>
+                  </li>
+                ) : null}
+                <li className="flex items-center">
+                  <Icons.calendarHeart className="m-1" />
+                  <span data-testid="user-joined">
+                    {t('user_profile.joined')}{' '}
+                    {profileData?.created ? dateToShow(profileData.created, t) : null}
+                  </span>
+                </li>
+                <li className="flex items-center">
+                  <Icons.calendarActive className="m-1" />
+                  <span data-testid="user-last-time-active">
+                    {t('user_profile.active')}{' '}
+                    <TimeAgo
+                      date={compareDates([
+                        profileData.created,
+                        profileData.last_vote_time,
+                        profileData.last_post
+                      ])}
+                    />
+                  </span>
+                </li>
+              </ul>
+              {user.username !== username ? (
+                <div className="m-2 flex gap-2 hover:text-destructive sm:absolute sm:right-0">
+                  <ButtonsContainer
+                    username={username}
+                    user={user}
+                    variant="default"
+                    follow={following}
+                    mute={mute}
+                  />
+                </div>
+              ) : null}
+            </>
+          ) : (
+            <div className="p-10">{t('global.unavailable_for_legal_reasons')}</div>
+          )}
+        </div>
+      </div>
+      <div className="flex flex-col pb-8 md:pb-4 ">
+        <div className="w-full">
+          <div className="flex bg-gray-700" data-testid="profile-navigation">
+            <div className="container mx-auto flex max-w-screen-xl justify-between p-0 text-white sm:pl-8">
+              <ul className="flex h-full flex-wrap gap-x-2 text-xs sm:text-base lg:flex lg:gap-8">
+                <ListItem
+                  href={`/@${username}`}
+                  currentTab={currentTab === 'blog'}
+                  label={t('navigation.profile_navbar.blog')}
+                />
+                <ListItem
+                  href={`/@${username}/posts`}
+                  currentTab={currentTab === 'posts' || currentTab === 'comments' || currentTab === 'payout'}
+                  label={t('navigation.profile_navbar.posts')}
+                />
+                <ListItem
+                  href={`/@${username}/replies`}
+                  currentTab={currentTab === 'replies'}
+                  label={t('navigation.profile_navbar.replies')}
+                />
+                <ListItem
+                  href={`/@${username}/communities`}
+                  currentTab={currentTab === 'communities'}
+                  label={t('navigation.profile_navbar.social')}
+                />
+                <ListItem
+                  href={`/@${username}/notifications`}
+                  currentTab={currentTab === 'notifications'}
+                  label={t('navigation.profile_navbar.notifications')}
+                />
+              </ul>
+              <ul className="flex h-full flex-nowrap text-xs sm:text-base lg:flex lg:gap-4">
+                <li>
+                  <Link
+                    href={`${explorerHost}/@${username}`}
+                    target="_blank"
+                    rel="noopener noreferrer"
+                    className="mr-4 flex h-12 items-center px-2 hover:bg-background hover:text-primary"
+                  >
+                    Block Explorer
+                  </Link>
+                </li>
+                <li>
+                  <Link
+                    href={`${walletHost}/@${username}/transfers`}
+                    target="_blank"
+                    rel="noopener noreferrer"
+                    className="mr-4 flex h-12 items-center px-2 hover:bg-background hover:text-primary"
+                  >
+                    {t('navigation.profile_navbar.wallet')}
+                  </Link>
+                </li>
+                {user.isLoggedIn && username === user.username ? (
+                  <li>
+                    <Link
+                      href={`/@${username}/settings`}
+                      rel="noopener noreferrer"
+                      className={`flex h-12 items-center px-2 hover:bg-background hover:text-primary ${
+                        currentTab === `settings`
+                          ? 'bg-background text-primary dark:hover:text-slate-200'
+                          : ''
+                      }`}
+                    >
+                      {t('navigation.profile_navbar.settings')}
+                    </Link>
+                  </li>
+                ) : null}
+              </ul>
+            </div>
+          </div>
+        </div>
+        <main className="container mx-auto max-w-screen-xl pt-4">{children}</main>
+      </div>
+    </div>
+  );
+};
+
+export default ProfileLayout;
diff --git a/apps/blog/components/details-card-hover.tsx b/apps/blog/features/list-of-posts/details-card-hover.tsx
similarity index 99%
rename from apps/blog/components/details-card-hover.tsx
rename to apps/blog/features/list-of-posts/details-card-hover.tsx
index 48fdc2667b7daf2bb072d0c5039e1004e05d84f5..effebcb1f1f739afa5da125a4c319de1b892921d 100644
--- a/apps/blog/components/details-card-hover.tsx
+++ b/apps/blog/features/list-of-posts/details-card-hover.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import { HoverCard, HoverCardContent, HoverCardTrigger } from '@hive/ui/components/hover-card';
 import { cn } from '@ui/lib/utils';
 import { ReactNode, useRef, useState } from 'react';
diff --git a/apps/blog/components/hooks/use-reblog-mutation.ts b/apps/blog/features/list-of-posts/hooks/use-reblog-mutation.ts
similarity index 94%
rename from apps/blog/components/hooks/use-reblog-mutation.ts
rename to apps/blog/features/list-of-posts/hooks/use-reblog-mutation.ts
index a5bb729da1700edcca512845d49b24a71ac62350..952dd7812c3900fd53a3ba7a4afd07df67d5c224 100644
--- a/apps/blog/components/hooks/use-reblog-mutation.ts
+++ b/apps/blog/features/list-of-posts/hooks/use-reblog-mutation.ts
@@ -1,8 +1,6 @@
 import { useMutation, useQueryClient } from '@tanstack/react-query';
 import { TransactionBroadcastResult, transactionService } from '@transaction/index';
 import { toast } from '@ui/components/hooks/use-toast';
-import { getLogger } from '@ui/lib/logging';
-const logger = getLogger('app');
 
 /**
  * Makes reblog transaction.
diff --git a/apps/blog/features/list-of-posts/hooks/use-reblogged-by-query.ts b/apps/blog/features/list-of-posts/hooks/use-reblogged-by-query.ts
new file mode 100644
index 0000000000000000000000000000000000000000..0ca49be43fb8548d02a2eafc9c337e149388d5b9
--- /dev/null
+++ b/apps/blog/features/list-of-posts/hooks/use-reblogged-by-query.ts
@@ -0,0 +1,19 @@
+import { useQuery } from '@tanstack/react-query';
+import { getRebloggedBy } from '@transaction/lib/hive-api';
+
+export const useRebloggedByQuery = (author: string = '', permlink: string = '', username: string = '') => {
+  return useQuery({
+    queryKey: ['PostRebloggedBy', author, permlink, username],
+    queryFn: async () => {
+      const data = await getRebloggedBy(author, permlink);
+      return data.includes(username);
+    },
+
+    enabled: !!(username && author && permlink),
+
+    // See https://www.codemzy.com/blog/react-query-cachetime-staletime
+    cacheTime: 1000 * 60 * 60 + 5000, // 1 hour 5 seconds
+    staleTime: 1000 * 60 * 60 // 1 hour
+  });
+  // logger.info('Reblog data author: %s, permlink: %s, isReblogged: %o', author, permlink, isReblogged);
+};
diff --git a/apps/blog/components/payout-hover-content.tsx b/apps/blog/features/list-of-posts/payout-hover-content.tsx
similarity index 89%
rename from apps/blog/components/payout-hover-content.tsx
rename to apps/blog/features/list-of-posts/payout-hover-content.tsx
index a28436a2bb16c265a6388b21fedcba1f5efb12d8..b5cfc465022104aeed30b3751db25dbe93022975 100644
--- a/apps/blog/components/payout-hover-content.tsx
+++ b/apps/blog/features/list-of-posts/payout-hover-content.tsx
@@ -1,14 +1,16 @@
+'use client';
+
 import { dateToRelative } from '@ui/lib/parse-date';
 import Link from 'next/link';
-import { amt, fmt } from '../lib/utils';
+import { amt, fmt } from '@/blog/lib/utils';
 import { useQuery } from '@tanstack/react-query';
 import Big from 'big.js';
-import Loading from '@hive/ui/components/loading';
-import { convertStringToBig } from '@hive/ui/lib/helpers';
-import { getFeedHistory } from '@transaction/lib/hive';
+import Loading from '@ui/components/loading';
+import { convertStringToBig } from '@ui/lib/helpers';
+import { getFeedHistory } from '@transaction/lib/hive-api';
 import { Entry } from '@transaction/lib/extended-hive.chain';
 import moment from 'moment';
-import { useTranslation } from 'next-i18next';
+import { useTranslation } from '@/blog/i18n/client';
 
 interface IBeneficiary {
   account: string;
@@ -17,7 +19,10 @@ interface IBeneficiary {
 
 export default function PayoutHoverContent({ post }: { post: Entry }) {
   const { t } = useTranslation('common_blog');
-  const { data, isLoading } = useQuery(['feedHistory'], () => getFeedHistory());
+  const { data, isLoading } = useQuery({
+    queryKey: ['feedHistory'],
+    queryFn: () => getFeedHistory()
+  });
   if (isLoading || !data) {
     return <Loading loading />;
   }
diff --git a/apps/blog/components/post-card-blacklist-mark.tsx b/apps/blog/features/list-of-posts/post-card-blacklist-mark.tsx
similarity index 100%
rename from apps/blog/components/post-card-blacklist-mark.tsx
rename to apps/blog/features/list-of-posts/post-card-blacklist-mark.tsx
diff --git a/apps/blog/components/post-card-comment-tooltip.tsx b/apps/blog/features/list-of-posts/post-card-comment-tooltip.tsx
similarity index 92%
rename from apps/blog/components/post-card-comment-tooltip.tsx
rename to apps/blog/features/list-of-posts/post-card-comment-tooltip.tsx
index 117c759eccfb913a4cd77724a6d3545ae479f4ed..ad7d94364f32ed76836884a40ad169358d653a35 100644
--- a/apps/blog/components/post-card-comment-tooltip.tsx
+++ b/apps/blog/features/list-of-posts/post-card-comment-tooltip.tsx
@@ -1,8 +1,9 @@
+'use client';
+
 import { Icons } from '@ui/components/icons';
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@ui/components/tooltip';
-import { useTranslation } from 'next-i18next';
+import { useTranslation } from '@/blog/i18n/client';
 import Link from 'next/link';
-import { FC } from 'react';
 
 interface PostCardCommentTooltipProps {
   comments: number;
@@ -25,7 +26,6 @@ const PostCardCommentTooltip = ({ comments, url }: PostCardCommentTooltipProps)
                 )}
               </Link>
               <Link
-                // href={`/${category}/@${author}/${permlink}/#comments`}
                 href={url}
                 className="flex cursor-pointer items-center pl-1 hover:text-destructive"
                 data-testid="post-card-response-link"
diff --git a/apps/blog/components/post-card-hidden.tsx b/apps/blog/features/list-of-posts/post-card-hidden.tsx
similarity index 100%
rename from apps/blog/components/post-card-hidden.tsx
rename to apps/blog/features/list-of-posts/post-card-hidden.tsx
diff --git a/apps/blog/components/post-card-upvotes-tooltip.tsx b/apps/blog/features/list-of-posts/post-card-upvotes-tooltip.tsx
similarity index 92%
rename from apps/blog/components/post-card-upvotes-tooltip.tsx
rename to apps/blog/features/list-of-posts/post-card-upvotes-tooltip.tsx
index 2d28f8b0d56d6f87b9765ee1a9b30e347fdaed1c..a9c03a973d95801e1c86917c15ee2a8b44f43c13 100644
--- a/apps/blog/components/post-card-upvotes-tooltip.tsx
+++ b/apps/blog/features/list-of-posts/post-card-upvotes-tooltip.tsx
@@ -1,7 +1,6 @@
 import { Icons } from '@ui/components/icons';
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@ui/components/tooltip';
-import { useTranslation } from 'next-i18next';
-import { FC } from 'react';
+import { useTranslation } from '@/blog/i18n/client';
 
 const PostCardUpvotesTooltip = ({ votes }: { votes: number }) => {
   const { t } = useTranslation('common_blog');
diff --git a/apps/blog/components/post-img.tsx b/apps/blog/features/list-of-posts/post-img.tsx
similarity index 90%
rename from apps/blog/components/post-img.tsx
rename to apps/blog/features/list-of-posts/post-img.tsx
index 4fd2554ac996f7bb1212280065e108f1e0e22526..861e596fa352965566dc67f485f061076b132bab 100644
--- a/apps/blog/components/post-img.tsx
+++ b/apps/blog/features/list-of-posts/post-img.tsx
@@ -1,11 +1,17 @@
+'use client';
+
+import { useEffect, useState } from 'react';
+import clsx from 'clsx';
 import Link from 'next/link';
-import { customEndsWith } from '../lib/ends-with';
 import { proxifyImageUrl } from '@ui/lib/old-profixy';
-import { extractPictureFromPostBody, extractUrlsFromJsonString, extractYouTubeVideoIds } from '../lib/utils';
+import { getDefaultImageUrl, getUserAvatarUrl } from '@ui/lib/avatar-utils';
+import { customEndsWith } from '@/blog/lib/ends-with';
+import {
+  extractPictureFromPostBody,
+  extractUrlsFromJsonString,
+  extractYouTubeVideoIds
+} from '@/blog/lib/utils';
 import { Entry } from '@transaction/lib/extended-hive.chain';
-import clsx from 'clsx';
-import { useEffect, useState } from 'react';
-import { getUserAvatarUrl, getDefaultImageUrl } from '@hive/ui';
 
 export function find_first_img(post: Entry) {
   try {
@@ -96,18 +102,14 @@ export default function PostImage({ post }: { post: Entry }) {
               <source
                 srcSet={proxifyImageUrl(image, '256x512').replace(/ /g, '%20')}
                 media="(min-width: 1000px)"
-                onError={() =>
-                  setImage(getDefaultImageUrl())
-                }
+                onError={() => setImage(getDefaultImageUrl())}
               />
               <img
                 srcSet={image}
                 alt="Post image"
                 loading="lazy"
                 className="w-full"
-                onError={() =>
-                  setImage(getDefaultImageUrl())
-                }
+                onError={() => setImage(getDefaultImageUrl())}
               />
             </picture>
           </div>
diff --git a/apps/blog/components/post-list-item.tsx b/apps/blog/features/list-of-posts/post-list-item.tsx
similarity index 90%
rename from apps/blog/components/post-list-item.tsx
rename to apps/blog/features/list-of-posts/post-list-item.tsx
index 8674d3ae03d3ea8b1e0dad73d951a67d7638d499..7a247d901a71df50d1f6640055f570078da11ed6 100644
--- a/apps/blog/components/post-list-item.tsx
+++ b/apps/blog/features/list-of-posts/post-list-item.tsx
@@ -1,30 +1,31 @@
+'use client';
+
+import { useEffect, useState } from 'react';
 import Link from 'next/link';
-import BasePathLink from './base-path-link';
-import { Icons } from '@hive/ui/components/icons';
-import { Card, CardFooter, CardHeader } from '@hive/ui/components/card';
-import { Separator } from '@hive/ui/components/separator';
-import { Badge } from '@hive/ui/components/badge';
-import accountReputation from '@/blog/lib/account-reputation';
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@ui/components/tooltip';
-import DetailsCardHover from './details-card-hover';
-import { useRouter } from 'next/router';
-import { useEffect, useState } from 'react';
+import { Card, CardFooter, CardHeader } from '@ui/components/card';
+import { Icons } from '@ui/components/icons';
+import { Separator } from '@ui/components/separator';
+import { Badge } from '@ui/components/badge';
+import dmcaUserList from '@ui/config/lists/dmca-user-list';
+import imageUserBlocklist from '@ui/config/lists/image-user-blocklist';
+import userIllegalContent from '@ui/config/lists/user-illegal-content';
+import gdprUserList from '@ui/config/lists/gdpr-user-list';
+import TimeAgo from '@ui/components/time-ago';
+import { getUserAvatarUrl } from '@ui/lib/avatar-utils';
+import BasePathLink from '@/blog/components/base-path-link';
+import accountReputation from '@/blog/lib/account-reputation';
 import { IFollowList, Entry } from '@transaction/lib/extended-hive.chain';
+import DetailsCardHover from './details-card-hover';
 import PostImage from './post-img';
-import { useTranslation } from 'next-i18next';
-import VotesComponent from './votes';
-import dmcaUserList from '@hive/ui/config/lists/dmca-user-list';
-import imageUserBlocklist from '@hive/ui/config/lists/image-user-blocklist';
-import userIllegalContent from '@hive/ui/config/lists/user-illegal-content';
-import gdprUserList from '@ui/config/lists/gdpr-user-list';
 import ReblogTrigger from './reblog-trigger';
 import PostCardCommentTooltip from './post-card-comment-tooltip';
 import PostCardUpvotesTooltip from './post-card-upvotes-tooltip';
 import PostCardBlacklistMark from './post-card-blacklist-mark';
-import TimeAgo from '@hive/ui/components/time-ago';
-import PostSummary from '../feature/posts-card/summary';
+import PostSummary from './summary';
+import VotesComponent from '@/blog/features/votes/votes-component';
 import { Preferences } from '@/blog/lib/utils';
-import { getUserAvatarUrl } from '@hive/ui';
+import { useTranslation } from '@/blog/i18n/client';
 
 const PostListItem = ({
   post,
@@ -47,7 +48,6 @@ const PostListItem = ({
     }
   }, [nsfwPreferences, tagExists]);
 
-  const router = useRouter();
   const blacklistCheck = blacklist ? blacklist.some((e) => e.name === post.author) : false;
   const userFromDMCA = dmcaUserList.includes(post.author);
   const userFromImageBlockList = imageUserBlocklist.includes(post.author);
@@ -63,7 +63,10 @@ const PostListItem = ({
             <div className="mt-2 rounded-sm bg-background-secondary px-2 py-1 text-sm">
               <p className="flex items-center gap-1 text-xs md:text-sm">
                 <Icons.crossPost className="h-4 w-4 text-slate-500 dark:text-slate-400" />{' '}
-                <BasePathLink className="hover:cursor-pointer hover:text-destructive" href={`/@${post.author}`}>
+                <BasePathLink
+                  className="hover:cursor-pointer hover:text-destructive"
+                  href={`/@${post.author}`}
+                >
                   {post.author}
                 </BasePathLink>{' '}
                 cross-posted{' '}
@@ -119,9 +122,7 @@ const PostListItem = ({
                   ({accountReputation(post.author_reputation)})
                 </span>
                 <PostCardBlacklistMark blacklistCheck={blacklistCheck} blacklists={post.blacklists} />
-                {(router.query.param ? router.query.param[1]?.startsWith('hive-') : false) &&
-                post.author_role &&
-                post.author_role !== 'guest' ? (
+                {post.author_role && post.author_role !== 'guest' ? (
                   <span className="text-xs md:text-sm">&nbsp;{post.author_role.toUpperCase()}&nbsp;</span>
                 ) : null}
                 {post.author_title ? (
diff --git a/apps/blog/components/post-list.tsx b/apps/blog/features/list-of-posts/posts-loader.tsx
similarity index 54%
rename from apps/blog/components/post-list.tsx
rename to apps/blog/features/list-of-posts/posts-loader.tsx
index b7dbb3863f0f492557e585bd6690e295587b2fc1..593d97fe431ceb184fb6609fb6d3f2d44ec3e3ed 100644
--- a/apps/blog/components/post-list.tsx
+++ b/apps/blog/features/list-of-posts/posts-loader.tsx
@@ -1,8 +1,10 @@
-import PostListItem from '@/blog/components/post-list-item';
+'use client';
+
+import PostListItem from '@/blog/features/list-of-posts/post-list-item';
 import { useUser } from '@smart-signer/lib/auth/use-user';
 import { Entry } from '@transaction/lib/extended-hive.chain';
-import { useFollowListQuery } from './hooks/use-follow-list';
 import { Preferences } from '@/blog/lib/utils';
+import { useFollowListQuery } from '@/blog/components/hooks/use-follow-list';
 
 const PostList = ({
   data,
@@ -20,15 +22,17 @@ const PostList = ({
 
   return (
     <ul data-testid={`post-list-${testFilter}`}>
-      {data?.filter(post => post && post.post_id).map((post: Entry) => (
-        <PostListItem
-          nsfwPreferences={nsfwPreferences}
-          post={post}
-          key={post.post_id}
-          isCommunityPage={isCommunityPage}
-          blacklist={blacklist}
-        />
-      ))}
+      {data
+        ?.filter((post) => post && post.post_id)
+        .map((post: Entry) => (
+          <PostListItem
+            nsfwPreferences={nsfwPreferences}
+            post={post}
+            key={post.post_id}
+            isCommunityPage={isCommunityPage}
+            blacklist={blacklist}
+          />
+        ))}
     </ul>
   );
 };
diff --git a/apps/blog/components/reblog-dialog.tsx b/apps/blog/features/list-of-posts/reblog-dialog.tsx
similarity index 91%
rename from apps/blog/components/reblog-dialog.tsx
rename to apps/blog/features/list-of-posts/reblog-dialog.tsx
index e8655660272f0813fe0db17342f043bfee5d504d..d0cfa657e8a6c1dc97ebab228f1526a9f0503a33 100644
--- a/apps/blog/components/reblog-dialog.tsx
+++ b/apps/blog/features/list-of-posts/reblog-dialog.tsx
@@ -1,3 +1,6 @@
+'use client';
+
+import { ReactNode, useState } from 'react';
 import {
   AlertDialog,
   AlertDialogAction,
@@ -9,14 +12,10 @@ import {
   AlertDialogTitle,
   AlertDialogTrigger
 } from '@ui/components/alert-dialog';
-import { useUser } from '@smart-signer/lib/auth/use-user';
-import { ReactNode, useState, KeyboardEvent } from 'react';
-import DialogLogin from './dialog-login';
 import { Button } from '@ui/components/button';
-import { useTranslation } from 'next-i18next';
-import { getLogger } from '@ui/lib/logging';
-
-const logger = getLogger('app');
+import { useUser } from '@smart-signer/lib/auth/use-user';
+import DialogLogin from '@/blog/components/dialog-login';
+import { useTranslation } from '@/blog/i18n/client';
 
 export function ReblogDialog({
   children,
diff --git a/apps/blog/components/reblog-trigger.tsx b/apps/blog/features/list-of-posts/reblog-trigger.tsx
similarity index 84%
rename from apps/blog/components/reblog-trigger.tsx
rename to apps/blog/features/list-of-posts/reblog-trigger.tsx
index a418af1b715e470bc80157dce21fe8526332fb84..4490db98b74c661260a48612cbdfdaabdd372eb9 100644
--- a/apps/blog/components/reblog-trigger.tsx
+++ b/apps/blog/features/list-of-posts/reblog-trigger.tsx
@@ -1,16 +1,15 @@
-import { useTranslation } from 'next-i18next';
-import { useRebloggedByQuery } from '@/blog/components/hooks/use-reblogged-by-query';
+'use client';
+
+import { CircleSpinner } from 'react-spinners-kit';
 import { cn } from '@ui/lib/utils';
-import { Icons } from '@hive/ui/components/icons';
-import { useUser } from '@smart-signer/lib/auth/use-user';
+import { Icons } from '@ui/components/icons';
+import { handleError } from '@ui/lib/handle-error';
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@ui/components/tooltip';
+import { useUser } from '@smart-signer/lib/auth/use-user';
+import { useRebloggedByQuery } from './hooks/use-reblogged-by-query';
 import { useReblogMutation } from './hooks/use-reblog-mutation';
-import { CircleSpinner } from 'react-spinners-kit';
-import { getLogger } from '@ui/lib/logging';
 import { ReblogDialog } from './reblog-dialog';
-import { handleError } from '@ui/lib/handle-error';
-
-const logger = getLogger('app');
+import { useTranslation } from '@/blog/i18n/client';
 
 const ReblogTrigger = ({
   author,
@@ -25,11 +24,7 @@ const ReblogTrigger = ({
 }) => {
   const { t } = useTranslation('common_blog');
   const { user } = useUser();
-  const { isLoading: isLoadingReblogData, data: isReblogged } = useRebloggedByQuery(
-    author,
-    permlink,
-    user.username
-  );
+  const { data: isReblogged } = useRebloggedByQuery(author, permlink, user.username);
 
   const reblogMutation = useReblogMutation();
 
diff --git a/apps/blog/feature/posts-card/summary.tsx b/apps/blog/features/list-of-posts/summary.tsx
similarity index 93%
rename from apps/blog/feature/posts-card/summary.tsx
rename to apps/blog/features/list-of-posts/summary.tsx
index 9789058f4df459c0a020faa00595a01adaffef92..7728c57d5cc1b558c6b41553e3af7b592c967748 100644
--- a/apps/blog/feature/posts-card/summary.tsx
+++ b/apps/blog/features/list-of-posts/summary.tsx
@@ -1,12 +1,13 @@
-import PostCardHidden from '@/blog/components/post-card-hidden';
-import { getPostSummary, Preferences } from '@/blog/lib/utils';
+'use client';
 
+import PostCardHidden from '@/blog/features/list-of-posts/post-card-hidden';
+import { getPostSummary, Preferences } from '@/blog/lib/utils';
 import { useUser } from '@smart-signer/lib/auth/use-user';
 import { Entry } from '@transaction/lib/extended-hive.chain';
 import { Badge } from '@ui/components/badge';
 import { CardContent, CardDescription, CardTitle } from '@ui/components/card';
 import { Separator } from '@ui/components/separator';
-import { useTranslation } from 'next-i18next';
+import { useTranslation } from '@/blog/i18n/client';
 import Link from 'next/link';
 
 const PostSummary = ({
diff --git a/apps/blog/components/buttons-container.tsx b/apps/blog/features/mute-follow/buttons-container.tsx
similarity index 93%
rename from apps/blog/components/buttons-container.tsx
rename to apps/blog/features/mute-follow/buttons-container.tsx
index 24085aa1dfb2b2639cce78b92e8b9f75f7ada71c..1756bdd884d9131f9c3af886b5a6f9a6c989193a 100644
--- a/apps/blog/components/buttons-container.tsx
+++ b/apps/blog/features/mute-follow/buttons-container.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import { IFollow } from '@transaction/lib/extended-hive.chain';
 import FollowButton from './follow-button';
 import MuteButton from './mute-button';
@@ -6,9 +8,9 @@ import { UseInfiniteQueryResult } from '@tanstack/react-query';
 import { useMuteMutation, useUnmuteMutation } from './hooks/use-mute-mutations';
 import { useFollowMutation, useUnfollowMutation } from './hooks/use-follow-mutations';
 import { Button } from '@hive/ui';
-import DialogLogin from './dialog-login';
-import { useTranslation } from 'next-i18next';
+import DialogLogin from '@/blog/components/dialog-login';
 import { handleError } from '@ui/lib/handle-error';
+import { useTranslation } from '@/blog/i18n/client';
 
 const ButtonsContainer = ({
   username,
@@ -91,12 +93,12 @@ const ButtonsContainer = ({
   const loading =
     mute.isLoading ||
     mute.isFetching ||
-    muteMutation.isLoading ||
-    unmuteMutation.isLoading ||
+    muteMutation.isPending ||
+    unmuteMutation.isPending ||
     follow.isLoading ||
     follow.isFetching ||
-    followMutation.isLoading ||
-    unfollowMutation.isLoading;
+    followMutation.isPending ||
+    unfollowMutation.isPending;
   return (
     <>
       {user.isLoggedIn ? (
diff --git a/apps/blog/components/follow-button.tsx b/apps/blog/features/mute-follow/follow-button.tsx
similarity index 95%
rename from apps/blog/components/follow-button.tsx
rename to apps/blog/features/mute-follow/follow-button.tsx
index 1af0dfe51175fb400c78ffc01fb15ec0d7dea72c..c95ebe9cf4c9fec392c190b2c3a0b7ee7b752d4f 100644
--- a/apps/blog/components/follow-button.tsx
+++ b/apps/blog/features/mute-follow/follow-button.tsx
@@ -1,6 +1,6 @@
+import { useTranslation } from '@/blog/i18n/client';
 import { Button } from '@hive/ui';
 import clsx from 'clsx';
-import { useTranslation } from 'next-i18next';
 import { CircleSpinner } from 'react-spinners-kit';
 
 const FollowButton = ({
diff --git a/apps/blog/components/hooks/use-follow-mutations.ts b/apps/blog/features/mute-follow/hooks/use-follow-mutations.ts
similarity index 98%
rename from apps/blog/components/hooks/use-follow-mutations.ts
rename to apps/blog/features/mute-follow/hooks/use-follow-mutations.ts
index 73daf67260f0c9e0ff5df0b67f4a4b7ae82662d8..2007dd2f78da5d437b67b26649290ab7a63df657 100644
--- a/apps/blog/components/hooks/use-follow-mutations.ts
+++ b/apps/blog/features/mute-follow/hooks/use-follow-mutations.ts
@@ -3,8 +3,6 @@ import { UseInfiniteQueryResult, useMutation, useQueryClient } from '@tanstack/r
 import { transactionService } from '@transaction/index';
 import { IFollow, IFollowList } from '@transaction/lib/extended-hive.chain';
 import { toast } from '@ui/components/hooks/use-toast';
-import { getLogger } from '@ui/lib/logging';
-const logger = getLogger('app');
 
 /**
  * Makes follow transaction.
diff --git a/apps/blog/components/hooks/use-mute-mutations.ts b/apps/blog/features/mute-follow/hooks/use-mute-mutations.ts
similarity index 100%
rename from apps/blog/components/hooks/use-mute-mutations.ts
rename to apps/blog/features/mute-follow/hooks/use-mute-mutations.ts
diff --git a/apps/blog/components/mute-button.tsx b/apps/blog/features/mute-follow/mute-button.tsx
similarity index 95%
rename from apps/blog/components/mute-button.tsx
rename to apps/blog/features/mute-follow/mute-button.tsx
index 0794b7ee628265b52ebc94dcc87256e511371793..62b7b0b8c4204e778cc0559f1336541735fdb5a7 100644
--- a/apps/blog/components/mute-button.tsx
+++ b/apps/blog/features/mute-follow/mute-button.tsx
@@ -1,7 +1,7 @@
 import { Button } from '@hive/ui';
-import { useTranslation } from 'next-i18next';
 import { CircleSpinner } from 'react-spinners-kit';
 import clsx from 'clsx';
+import { useTranslation } from '@/blog/i18n/client';
 
 const MuteButton = ({
   variant,
diff --git a/apps/blog/components/advanced-settings-post-form.tsx b/apps/blog/features/post-editor/advanced-settings-post-form.tsx
similarity index 91%
rename from apps/blog/components/advanced-settings-post-form.tsx
rename to apps/blog/features/post-editor/advanced-settings-post-form.tsx
index 7dd8fa07286f640a9cc67260e714d0090739a2b0..e5b5e10a2a540af33c0b734986441da75eb3615e 100644
--- a/apps/blog/components/advanced-settings-post-form.tsx
+++ b/apps/blog/features/post-editor/advanced-settings-post-form.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import { Checkbox, Input, Label, ScrollArea, Separator } from '@ui/components';
 import { Button } from '@ui/components/button';
 import {
@@ -9,15 +11,16 @@ import {
   DialogTrigger
 } from '@ui/components/dialog';
 import { ReactNode, useEffect, useState } from 'react';
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@hive/ui/components/select';
 import Link from 'next/link';
 import { Icons } from '@ui/components/icons';
 import { useLocalStorage } from 'usehooks-ts';
 import { toast } from '@ui/components/hooks/use-toast';
-import { useTranslation } from 'next-i18next';
 import { DEFAULT_PREFERENCES, Preferences } from '@/blog/lib/utils';
 import badActorList from '@ui/config/lists/bad-actor-list';
 import clsx from 'clsx';
+import { useTranslation } from '@/blog/i18n/client';
+import { Beneficiary } from './beneficiary-item';
+import { maxAcceptedPayout } from './lib/utils';
 
 type AccountFormValues = {
   title: string;
@@ -66,7 +69,7 @@ export function AdvancedSettingsPostForm({
   );
   const [splitRewards, setSplitRewards] = useState(100);
   const [templateTitle, setTemplateTitle] = useState('');
-  const [maxPayout, setMaxPayout] = useState(
+  const [maxPayout, setMaxPayout] = useState<'no_max' | '0' | 'custom'>(
     preferences.blog_rewards === '100%' || preferences.blog_rewards === '50%' ? 'no_max' : '0'
   );
   const [selectTemplate, setSelectTemplate] = useState('/');
@@ -170,17 +173,7 @@ export function AdvancedSettingsPostForm({
     setSelectTemplate('/');
     setTemplateTitle(e);
   }
-  function maxAcceptedPayout() {
-    switch (maxPayout) {
-      case 'no_max':
-        return 1000000;
-      case '0':
-        return 0;
-      case 'custom':
-        return customValue === '0' ? 1000000 : Number(customValue);
-    }
-    return 1000000;
-  }
+
   function loadTemplate() {
     updateForm({
       title: currentTemplate?.title || '',
@@ -190,7 +183,7 @@ export function AdvancedSettingsPostForm({
       author: currentTemplate?.author || '',
       category: currentTemplate?.category || '',
       beneficiaries: beneficiaries,
-      maxAcceptedPayout: maxAcceptedPayout(),
+      maxAcceptedPayout: maxAcceptedPayout(customValue, maxPayout),
       payoutType: rewards
     });
     setSelectTemplate('/');
@@ -215,7 +208,7 @@ export function AdvancedSettingsPostForm({
                 category: data.category,
                 templateTitle: selectTemplate,
                 beneficiaries: beneficiaries,
-                maxAcceptedPayout: maxAcceptedPayout(),
+                maxAcceptedPayout: maxAcceptedPayout(customValue, maxPayout),
                 payoutType: rewards
               }
         )
@@ -235,7 +228,7 @@ export function AdvancedSettingsPostForm({
           category: data.category,
           templateTitle: templateTitle,
           beneficiaries: beneficiaries,
-          maxAcceptedPayout: maxAcceptedPayout(),
+          maxAcceptedPayout: maxAcceptedPayout(customValue, maxPayout),
           payoutType: rewards
         }
       ]);
@@ -243,7 +236,7 @@ export function AdvancedSettingsPostForm({
     updateForm({
       ...data,
       beneficiaries: beneficiaries,
-      maxAcceptedPayout: maxAcceptedPayout(),
+      maxAcceptedPayout: maxAcceptedPayout(customValue, maxPayout),
       payoutType: rewards
     });
     setSelectTemplate('/');
@@ -293,7 +286,11 @@ export function AdvancedSettingsPostForm({
               <div className="my-8 flex justify-around">
                 {maxPayoutOptions.map((e) => (
                   <div key={e.value}>
-                    <Checkbox id={e.value} className="hidden" onCheckedChange={() => setMaxPayout(e.value)} />
+                    <Checkbox
+                      id={e.value}
+                      className="hidden"
+                      onCheckedChange={() => setMaxPayout(e.value as 'no_max' | '0' | 'custom')}
+                    />
                     <Label
                       htmlFor={e.value}
                       className={clsx('cursor-pointer rounded-lg border p-2', {
@@ -478,30 +475,3 @@ export function AdvancedSettingsPostForm({
     </Dialog>
   );
 }
-
-interface ItemProps {
-  onChangeBeneficiary: (weight: string, account: string) => void;
-  beneficiary: { weight: string; account: string };
-}
-function Beneficiary({ onChangeBeneficiary, beneficiary }: ItemProps) {
-  return (
-    <li className="flex items-center gap-5">
-      <Input
-        type="number"
-        value={beneficiary.weight}
-        className="w-16"
-        onChange={(e) => onChangeBeneficiary(e.target.value, beneficiary.account)}
-      />
-      <div className="relative col-span-3">
-        <Input
-          value={beneficiary.account}
-          className="block w-full px-3 py-2.5 pl-11"
-          onChange={(e) => onChangeBeneficiary(beneficiary.weight, e.target.value)}
-        />
-        <div className="pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3">
-          <Icons.atSign className="h-5 w-5" />
-        </div>
-      </div>
-    </li>
-  );
-}
diff --git a/apps/blog/features/post-editor/beneficiary-item.tsx b/apps/blog/features/post-editor/beneficiary-item.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..f6eabd98cdeee328c49493a666d2ed7270a586d9
--- /dev/null
+++ b/apps/blog/features/post-editor/beneficiary-item.tsx
@@ -0,0 +1,29 @@
+import { Icons } from '@ui/components/icons';
+import { Input } from '@ui/components/input';
+
+interface ItemProps {
+  onChangeBeneficiary: (weight: string, account: string) => void;
+  beneficiary: { weight: string; account: string };
+}
+export function Beneficiary({ onChangeBeneficiary, beneficiary }: ItemProps) {
+  return (
+    <li className="flex items-center gap-5">
+      <Input
+        type="number"
+        value={beneficiary.weight}
+        className="w-16"
+        onChange={(e) => onChangeBeneficiary(e.target.value, beneficiary.account)}
+      />
+      <div className="relative col-span-3">
+        <Input
+          value={beneficiary.account}
+          className="block w-full px-3 py-2.5 pl-11"
+          onChange={(e) => onChangeBeneficiary(beneficiary.weight, e.target.value)}
+        />
+        <div className="pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3">
+          <Icons.atSign className="h-5 w-5" />
+        </div>
+      </div>
+    </li>
+  );
+}
diff --git a/apps/blog/components/hooks/use-post-mutation.ts b/apps/blog/features/post-editor/hooks/use-post-mutation.ts
similarity index 100%
rename from apps/blog/components/hooks/use-post-mutation.ts
rename to apps/blog/features/post-editor/hooks/use-post-mutation.ts
diff --git a/apps/blog/features/post-editor/lib/utils.ts b/apps/blog/features/post-editor/lib/utils.ts
new file mode 100644
index 0000000000000000000000000000000000000000..5ca51fff1c768c3687da106bbc74b77fb28c85e9
--- /dev/null
+++ b/apps/blog/features/post-editor/lib/utils.ts
@@ -0,0 +1,232 @@
+import { getRenderer } from '@/blog/features/post-rendering/lib/renderer';
+import { Signer } from '@smart-signer/lib/signer/signer';
+import { configuredImagesEndpoint } from '@ui/config/public-vars';
+import { getLogger } from '@ui/lib/logging';
+import { TFunction } from 'i18next';
+import { Dispatch, SetStateAction } from 'react';
+
+const logger = getLogger('app');
+
+export const MAX_TAGS = 8;
+export function validateTagInput(value: string, required: boolean, t: TFunction<'common_blog', undefined>) {
+  if (!value || value.trim() === '') return required ? t('submit_page.category_selector.required') : null;
+  const tags = value.trim().replace(/#/g, '').split(/ +/);
+  return tags.length > MAX_TAGS
+    ? t('submit_page.category_selector.use_limited_amount_of_categories', {
+        amount: MAX_TAGS
+      })
+    : tags.find((c) => c.length > 24)
+      ? t('submit_page.category_selector.maximum_tag_length_is_24_characters')
+      : tags.find((c) => c.split('-').length > 2)
+        ? t('submit_page.category_selector.use_one_dash')
+        : tags.find((c) => c.indexOf(',') >= 0)
+          ? t('submit_page.category_selector.use_spaces_to_separate_tags')
+          : tags.find((c) => /[A-Z]/.test(c))
+            ? t('submit_page.category_selector.use_only_lowercase_letters')
+            : tags.find((c) => !/^[a-z0-9-#]+$/.test(c))
+              ? t('submit_page.category_selector.use_only_allowed_characters')
+              : tags.find((c) => !/^[a-z-#]/.test(c))
+                ? t('submit_page.category_selector.must_start_with_a_letter')
+                : tags.find((c) => !/[a-z0-9]$/.test(c))
+                  ? t('submit_page.category_selector.must_end_with_a_letter_or_number')
+                  : tags.filter((c) => c.substring(0, 5) === 'hive-').length > 0
+                    ? t('submit_page.category_selector.must_not_include_hivemind_community_owner')
+                    : tags.reduce((acc, tag, index, array) => {
+                          const isDuplicate = array.slice(index + 1).some((b) => b === tag);
+                          return acc || isDuplicate;
+                        }, false)
+                      ? t('submit_page.category_selector.tags_cannot_be_repeated')
+                      : null;
+}
+
+export function validateSummaryInput(value: string, t: TFunction<'common_wallet', undefined>) {
+  const markdownRegex = /(?:\*[\w\s]*\*|#[\w\s]*#|_[\w\s]*_|~[\w\s]*~|\]\s*\(|\]\s*\[)/;
+  const htmlTagRegex = /<\/?[\w\s="/.':;#-/?]+>/gi;
+  return markdownRegex.test(value)
+    ? t('submit_page.markdown_not_supported')
+    : htmlTagRegex.test(value)
+      ? t('submit_page.html_not_supported')
+      : null;
+}
+
+export function validateAltUsernameInput(value: string, t: TFunction<'common_wallet', undefined>) {
+  const altAuthorAllowedCharactersRegex = /^[\w.\d-]+$/;
+  return value !== '' && !altAuthorAllowedCharactersRegex.test(value)
+    ? t('submit_page.must_contain_only')
+    : null;
+}
+export function imagePicker(img: string) {
+  const checkImg = img.startsWith('youtu-') ? `https://img.youtube.com/vi/${img.slice(6)}/0.jpg` : img;
+  return checkImg;
+}
+
+/**
+ * Finds all images in markdown content, so also in html content, and
+ * returns their `src` attribute.
+ *
+ * @export
+ * @param {string} markdownContent
+ * @return {*}  {string[]}
+ */
+export function extractImagesSrc(markdownContent: string): string[] {
+  if (markdownContent === '') return [];
+  const parser = new DOMParser();
+  const doc = parser.parseFromString(getRenderer('').render(markdownContent), 'text/html');
+  const images = doc.getElementsByTagName('img');
+  const result = [];
+  for (let i = 0; i < images.length; i++) {
+    // logger.info('extractImages found image src: %o', images[i].src);
+    result.push(images[i].src);
+  }
+  return result;
+}
+
+export function maxAcceptedPayout(customValue: number | string, maxPayout: string) {
+  switch (maxPayout) {
+    case 'no_max':
+      return 1000000;
+    case '0':
+      return 0;
+    case 'custom':
+      return customValue === '0' ? 1000000 : Number(customValue);
+  }
+  return 1000000;
+}
+
+/**
+ * Uploads image to Imagehoster, see
+ * https://gitlab.syncad.com/hive/imagehoster. Function returns url to
+ * image on server or empty string in case of any error.
+ *
+ * @param {File} file
+ * @param {string} username
+ * @param {Signer} signer
+ * @returns {Promise<string>}
+ */
+const uploadImg = async (file: File, username: string, signer: Signer): Promise<string> => {
+  try {
+    let data;
+
+    if (file) {
+      const reader = new FileReader();
+
+      data = new Promise((resolve) => {
+        reader.addEventListener('load', () => {
+          const result = Buffer.from(reader.result!.toString(), 'binary');
+          resolve(result);
+        });
+        reader.readAsBinaryString(file);
+      });
+    }
+
+    const formData = new FormData();
+    if (file) {
+      formData.append('file', file);
+    }
+
+    data = await data;
+    const prefix = Buffer.from('ImageSigningChallenge');
+    const dataBuf = data as Buffer; // ensure Buffer
+    const combined = new Uint8Array(prefix.length + dataBuf.length);
+    combined.set(prefix, 0);
+    combined.set(dataBuf, prefix.length);
+    const buf = Buffer.from(combined);
+
+    const sig = await signer.signChallenge({
+      message: buf,
+      password: ''
+    });
+
+    const imageOwner = signer.authorityUsername || signer.username;
+
+    const postUrl = `${configuredImagesEndpoint}${imageOwner}/${sig}`;
+
+    const response = await fetch(postUrl, { method: 'POST', body: formData });
+    const resJSON = await response.json();
+    return resJSON.url;
+  } catch (error) {
+    logger.error('Error when uploading file %s: %o', file.name, error);
+  }
+  return '';
+};
+
+export const onImageUpload = async (
+  file: File,
+  setMarkdown: Dispatch<SetStateAction<string>>,
+  username: string,
+  signer: Signer,
+  htmlMode: boolean
+) => {
+  const url = await uploadImg(file, username, signer);
+  if (htmlMode) {
+    const insertHTML = insertToTextArea(`<img src="${url}" alt="${file.name}" />`);
+    if (!insertHTML) return;
+    setMarkdown(insertHTML);
+  } else {
+    const insertedMarkdown = insertToTextArea(` ![${file.name}](${url}) `);
+    if (!insertedMarkdown) return;
+    setMarkdown(insertedMarkdown);
+  }
+};
+
+export const onImageDrop = async (
+  dataTransfer: DataTransfer,
+  setMarkdown: Dispatch<SetStateAction<string>>,
+  username: string,
+  signer: Signer,
+  htmlMode: boolean
+) => {
+  const files = [];
+
+  for (let index = 0; index < dataTransfer.items.length; index++) {
+    const file = dataTransfer.files.item(index);
+    if (file) files.push(file);
+  }
+
+  await Promise.all(files.map(async (file) => onImageUpload(file, setMarkdown, username, signer, htmlMode)));
+};
+
+export const onImagePaste = async (
+  clipboardData: DataTransfer,
+  setMarkdown: Dispatch<SetStateAction<string>>,
+  username: string,
+  signer: Signer,
+  htmlMode: boolean
+) => {
+  const files: File[] = [];
+  for (let i = 0; i < clipboardData.items.length; i++) {
+    const item = clipboardData.items[i];
+    if (item.kind === 'file' && item.type.startsWith('image/')) {
+      const file = item.getAsFile();
+      if (file) files.push(file);
+    }
+  }
+  if (!files.length) return false;
+  await Promise.all(files.map(async (file) => onImageUpload(file, setMarkdown, username, signer, htmlMode)));
+  return true;
+};
+
+export const insertToTextArea = (insertString: string) => {
+  const textarea = document.querySelector('textarea');
+  if (!textarea) {
+    return null;
+  }
+
+  let sentence = textarea.value;
+  const len = sentence.length;
+  const pos = textarea.selectionStart;
+  const end = textarea.selectionEnd;
+
+  const front = sentence.slice(0, pos);
+  const back = sentence.slice(pos, len);
+
+  sentence = front + insertString + back;
+
+  textarea.value = sentence;
+  textarea.selectionEnd = end + insertString.length;
+
+  return sentence;
+};
+
+export const postClassName =
+  'font-source text-[16.5px] prose-h1:text-[26.4px] prose-h2:text-[23.1px] prose-h3:text-[19.8px] prose-h4:text-[18.1px] sm:text-[17.6px] sm:prose-h1:text-[28px] sm:prose-h2:text-[24.7px] sm:prose-h3:text-[22.1px] sm:prose-h4:text-[19.4px] lg:text-[19.2px] lg:prose-h1:text-[30.7px] lg:prose-h2:text-[28.9px] lg:prose-h3:text-[23px] lg:prose-h4:text-[21.1px] prose-p:mb-6 prose-p:mt-0 prose-img:cursor-pointer';
diff --git a/apps/blog/components/md-editor.tsx b/apps/blog/features/post-editor/md-editor.tsx
similarity index 64%
rename from apps/blog/components/md-editor.tsx
rename to apps/blog/features/post-editor/md-editor.tsx
index 5da4c79e8eb8dff94794cdc62806cf1140a0054b..89a1a770f1457c10076a0f99779c51139c4b233f 100644
--- a/apps/blog/components/md-editor.tsx
+++ b/apps/blog/features/post-editor/md-editor.tsx
@@ -1,5 +1,6 @@
+'use client';
+
 import '@uiw/react-md-editor/markdown-editor.css';
-import dynamic from 'next/dynamic';
 import {
   Dispatch,
   FC,
@@ -13,157 +14,18 @@ import {
 } from 'react';
 import * as commands from '@uiw/react-md-editor/commands';
 import { useUser } from '@smart-signer/lib/auth/use-user';
-import { Signer } from '@smart-signer/lib/signer/signer';
-import { ICommand, TextAreaTextApi } from '@uiw/react-md-editor';
+import MDEditor, { ICommand, TextAreaTextApi } from '@uiw/react-md-editor';
 import { getLogger } from '@ui/lib/logging';
-import { configuredImagesEndpoint } from '@hive/ui/config/public-vars';
-
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@ui/components/tooltip';
-import { useTranslation } from 'next-i18next';
 import imageUserBlocklist from '@ui/config/lists/image-user-blocklist';
 import { cn } from '@ui/lib/utils';
 import { useSignerContext } from '@smart-signer/components/signer-provider';
 import { Button } from '@ui/components';
+import { useTranslation } from '@/blog/i18n/client';
+import { onImageDrop, onImagePaste, onImageUpload } from './lib/utils';
 
 const logger = getLogger('app');
 
-const MDEditor = dynamic(() => import('@uiw/react-md-editor'), { ssr: false });
-
-/**
- * Uploads image to Imagehoster, see
- * https://gitlab.syncad.com/hive/imagehoster. Function returns url to
- * image on server or empty string in case of any error.
- *
- * @param {File} file
- * @param {string} username
- * @param {Signer} signer
- * @returns {Promise<string>}
- */
-const uploadImg = async (file: File, username: string, signer: Signer): Promise<string> => {
-  try {
-    let data;
-
-    if (file) {
-      const reader = new FileReader();
-
-      data = new Promise((resolve) => {
-        reader.addEventListener('load', () => {
-          const result = Buffer.from(reader.result!.toString(), 'binary');
-          resolve(result);
-        });
-        reader.readAsBinaryString(file);
-      });
-    }
-
-    const formData = new FormData();
-    if (file) {
-      formData.append('file', file);
-    }
-
-    data = await data;
-    const prefix = Buffer.from('ImageSigningChallenge');
-    const dataBuf = data as Buffer; // ensure Buffer
-    const combined = new Uint8Array(prefix.length + dataBuf.length);
-    combined.set(prefix, 0);
-    combined.set(dataBuf, prefix.length);
-    const buf = Buffer.from(combined);
-
-    const sig = await signer.signChallenge({
-      message: buf,
-      password: ''
-    });
-
-    const imageOwner = signer.authorityUsername || signer.username;
-
-    const postUrl = `${configuredImagesEndpoint}${imageOwner}/${sig}`;
-
-    const response = await fetch(postUrl, { method: 'POST', body: formData });
-    const resJSON = await response.json();
-    return resJSON.url;
-  } catch (error) {
-    logger.error('Error when uploading file %s: %o', file.name, error);
-  }
-  return '';
-};
-
-export const onImageUpload = async (
-  file: File,
-  setMarkdown: Dispatch<SetStateAction<string>>,
-  username: string,
-  signer: Signer,
-  htmlMode: boolean
-) => {
-  const url = await uploadImg(file, username, signer);
-  if (htmlMode) {
-    const insertHTML = insertToTextArea(`<img src="${url}" alt="${file.name}" />`);
-    if (!insertHTML) return;
-    setMarkdown(insertHTML);
-  } else {
-    const insertedMarkdown = insertToTextArea(` ![${file.name}](${url}) `);
-    if (!insertedMarkdown) return;
-    setMarkdown(insertedMarkdown);
-  }
-};
-
-export const onImageDrop = async (
-  dataTransfer: DataTransfer,
-  setMarkdown: Dispatch<SetStateAction<string>>,
-  username: string,
-  signer: Signer,
-  htmlMode: boolean
-) => {
-  const files = [];
-
-  for (let index = 0; index < dataTransfer.items.length; index++) {
-    const file = dataTransfer.files.item(index);
-    if (file) files.push(file);
-  }
-
-  await Promise.all(files.map(async (file) => onImageUpload(file, setMarkdown, username, signer, htmlMode)));
-};
-
-export const onImagePaste = async (
-  clipboardData: DataTransfer,
-  setMarkdown: Dispatch<SetStateAction<string>>,
-  username: string,
-  signer: Signer,
-  htmlMode: boolean
-) => {
-  const files: File[] = [];
-  for (let i = 0; i < clipboardData.items.length; i++) {
-    const item = clipboardData.items[i];
-    if (item.kind === 'file' && item.type.startsWith('image/')) {
-      const file = item.getAsFile();
-      if (file) files.push(file);
-    }
-  }
-  if (!files.length) return false;
-  await Promise.all(files.map(async (file) => onImageUpload(file, setMarkdown, username, signer, htmlMode)));
-  return true;
-};
-
-const insertToTextArea = (insertString: string) => {
-  const textarea = document.querySelector('textarea');
-  if (!textarea) {
-    return null;
-  }
-
-  let sentence = textarea.value;
-  const len = sentence.length;
-  const pos = textarea.selectionStart;
-  const end = textarea.selectionEnd;
-
-  const front = sentence.slice(0, pos);
-  const back = sentence.slice(pos, len);
-
-  sentence = front + insertString + back;
-
-  textarea.value = sentence;
-  textarea.selectionEnd = end + insertString.length;
-
-  return sentence;
-};
-
 interface MdEditorProps {
   onChange: (value: string) => void;
   persistedValue: string;
diff --git a/apps/blog/components/post-form.tsx b/apps/blog/features/post-editor/post-form.tsx
similarity index 81%
rename from apps/blog/components/post-form.tsx
rename to apps/blog/features/post-editor/post-form.tsx
index fde327d8f9079bc0ef602b816829a906c0d6e3db..8baf29ee004b389355e8320c11b636eecd87e763 100644
--- a/apps/blog/components/post-form.tsx
+++ b/apps/blog/features/post-editor/post-form.tsx
@@ -1,6 +1,11 @@
+'use client';
+
+import { Dispatch, SetStateAction, useEffect, useRef, useState } from 'react';
+import Link from 'next/link';
+import clsx from 'clsx';
+import * as z from 'zod';
 import { Button } from '@hive/ui/components/button';
 import { Input } from '@hive/ui/components/input';
-import Link from 'next/link';
 import {
   Select,
   SelectContent,
@@ -10,90 +15,39 @@ import {
   SelectValue
 } from '@hive/ui/components/select';
 import { zodResolver } from '@hookform/resolvers/zod';
-import * as z from 'zod';
 import { Form, FormControl, FormField, FormItem, FormMessage } from '@hive/ui/components/form';
 import { useForm, useWatch } from 'react-hook-form';
-import useManabars from './hooks/useManabars';
-import { AdvancedSettingsPostForm } from './advanced-settings-post-form';
-import MdEditor from './md-editor';
-import { Dispatch, SetStateAction, useEffect, useRef, useState } from 'react';
-import clsx from 'clsx';
 import { useLocalStorage } from 'usehooks-ts';
-import { useTranslation } from 'next-i18next';
-import { createAsset, createPermlink } from '@transaction/lib/utils';
+import useManabars from '@/blog/components/hooks/use-manabars';
 import { useQuery } from '@tanstack/react-query';
-import { getCommunity, getSubscriptions } from '@transaction/lib/bridge';
 import { Entry } from '@transaction/lib/extended-hive.chain';
-import { useRouter } from 'next/router';
-import { TFunction } from 'i18next';
-import { debounce } from '../lib/utils';
+import { getCommunity, getSubscriptions } from '@transaction/lib/bridge-api';
 import { Icons } from '@ui/components/icons';
-import { withBasePath } from '../utils/PathUtils';
+import { withBasePath } from '@/blog/utils/PathUtils';
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@ui/components/tooltip';
-import { DEFAULT_PREFERENCES, Preferences } from '@/blog/lib/utils';
+import { debounce, DEFAULT_OBSERVER, DEFAULT_PREFERENCES, Preferences } from '@/blog/lib/utils';
 import { getLogger } from '@ui/lib/logging';
-import SelectImageList from './select-image-list';
-import RendererContainer from './rendererContainer';
-import { usePostMutation } from './hooks/use-post-mutation';
 import { handleError } from '@ui/lib/handle-error';
 import { CircleSpinner } from 'react-spinners-kit';
-import { postClassName } from '../pages/[param]/[p2]/[permlink]';
+import { useTranslation } from '@/blog/i18n/client';
+import { usePostMutation } from './hooks/use-post-mutation';
+import { useRouter, useSearchParams } from 'next/navigation';
+import { createAsset, createPermlink } from '@transaction/lib/utils';
+import {
+  imagePicker,
+  postClassName,
+  validateAltUsernameInput,
+  validateSummaryInput,
+  validateTagInput
+} from './lib/utils';
+import SelectImageList from '@/blog/features/post-editor/select-image-list';
+import { AdvancedSettingsPostForm } from '@/blog/features/post-editor/advanced-settings-post-form';
+import MdEditor from '@/blog/features/post-editor/md-editor';
+import RendererContainer from '@/blog/features/post-rendering/rendererContainer';
+import { useUserClient } from '@smart-signer/lib/auth/use-user-client';
 
 const logger = getLogger('app');
 
-const MAX_TAGS = 8;
-function validateTagInput(value: string, required: boolean, t: TFunction<'common_blog', undefined>) {
-  if (!value || value.trim() === '') return required ? t('submit_page.category_selector.required') : null;
-  const tags = value.trim().replace(/#/g, '').split(/ +/);
-  return tags.length > MAX_TAGS
-    ? t('submit_page.category_selector.use_limited_amount_of_categories', {
-        amount: MAX_TAGS
-      })
-    : tags.find((c) => c.length > 24)
-      ? t('submit_page.category_selector.maximum_tag_length_is_24_characters')
-      : tags.find((c) => c.split('-').length > 2)
-        ? t('submit_page.category_selector.use_one_dash')
-        : tags.find((c) => c.indexOf(',') >= 0)
-          ? t('submit_page.category_selector.use_spaces_to_separate_tags')
-          : tags.find((c) => /[A-Z]/.test(c))
-            ? t('submit_page.category_selector.use_only_lowercase_letters')
-            : tags.find((c) => !/^[a-z0-9-#]+$/.test(c))
-              ? t('submit_page.category_selector.use_only_allowed_characters')
-              : tags.find((c) => !/^[a-z-#]/.test(c))
-                ? t('submit_page.category_selector.must_start_with_a_letter')
-                : tags.find((c) => !/[a-z0-9]$/.test(c))
-                  ? t('submit_page.category_selector.must_end_with_a_letter_or_number')
-                  : tags.filter((c) => c.substring(0, 5) === 'hive-').length > 0
-                    ? t('submit_page.category_selector.must_not_include_hivemind_community_owner')
-                    : tags.reduce((acc, tag, index, array) => {
-                          const isDuplicate = array.slice(index + 1).some((b) => b === tag);
-                          return acc || isDuplicate;
-                        }, false)
-                      ? t('submit_page.category_selector.tags_cannot_be_repeated')
-                      : null;
-}
-
-function validateSummaryInput(value: string, t: TFunction<'common_wallet', undefined>) {
-  const markdownRegex = /(?:\*[\w\s]*\*|#[\w\s]*#|_[\w\s]*_|~[\w\s]*~|\]\s*\(|\]\s*\[)/;
-  const htmlTagRegex = /<\/?[\w\s="/.':;#-/?]+>/gi;
-  return markdownRegex.test(value)
-    ? t('submit_page.markdown_not_supported')
-    : htmlTagRegex.test(value)
-      ? t('submit_page.html_not_supported')
-      : null;
-}
-
-function validateAltUsernameInput(value: string, t: TFunction<'common_wallet', undefined>) {
-  const altAuthorAllowedCharactersRegex = /^[\w.\d-]+$/;
-  return value !== '' && !altAuthorAllowedCharactersRegex.test(value)
-    ? t('submit_page.must_contain_only')
-    : null;
-}
-export function imagePicker(img: string) {
-  const checkImg = img.startsWith('youtu-') ? `https://img.youtube.com/vi/${img.slice(6)}/0.jpg` : img;
-  return checkImg;
-}
-
 export default function PostForm({
   username,
   editMode = false,
@@ -113,6 +67,10 @@ export default function PostForm({
 }) {
   const btnRef = useRef<HTMLButtonElement>(null);
   const router = useRouter();
+  const { user } = useUserClient();
+  const observer = user.isLoggedIn ? user.username : DEFAULT_OBSERVER;
+  const searchParams = useSearchParams();
+  const categoryParam = searchParams?.get('category') ?? undefined;
   const [preferences] = useLocalStorage<Preferences>(`user-preferences-${username}`, DEFAULT_PREFERENCES);
   const defaultValues = {
     title: '',
@@ -149,15 +107,14 @@ export default function PostForm({
   const [previewContent, setPreviewContent] = useState<string | undefined>(storedPost.postArea);
   const { t } = useTranslation('common_blog');
   const postMutation = usePostMutation();
-  const { data: communityData } = useQuery(
-    ['community', router.query.category],
-    () =>
-      getCommunity(router.query.category ? router.query.category.toString() : storedPost.category, username),
-    {
-      enabled: Boolean(router.query.category) || Boolean(storedPost.category)
-    }
-  );
-  const { data: mySubsData } = useQuery(['subscriptions', username], () => getSubscriptions(username), {
+  const { data: communityData } = useQuery({
+    queryKey: ['community', categoryParam],
+    queryFn: () => getCommunity(categoryParam ?? storedPost.category, observer),
+    enabled: Boolean(categoryParam) || Boolean(storedPost.category)
+  });
+  const { data: mySubsData } = useQuery({
+    queryKey: ['subscriptions', username],
+    queryFn: () => getSubscriptions(username),
     enabled: Boolean(username)
   });
 
@@ -188,7 +145,7 @@ export default function PostForm({
     postSummary: post_s?.json_metadata?.summary || storedPost?.postSummary || '',
     tags: post_s?.json_metadata?.tags?.join(' ') || storedPost?.tags || '',
     author: post_s?.json_metadata?.author || storedPost?.author || '',
-    category: (router.query.category as string) ?? storedPost?.category ?? post_s?.category ?? '',
+    category: categoryParam ?? storedPost?.category ?? post_s?.category ?? '',
     beneficiaries: storedPost?.beneficiaries || [],
     maxAcceptedPayout: post_s
       ? Number(post_s.max_accepted_payout.split(' ')[0])
@@ -212,14 +169,14 @@ export default function PostForm({
   const watchedValues = form.getValues();
   const tagsCheck = validateTagInput(
     watchedValues.tags,
-    !router.query.category ? watchedValues.category === 'blog' : false,
+    !categoryParam ? watchedValues.category === 'blog' : false,
     t
   );
   const summaryCheck = validateSummaryInput(watchedValues.postSummary, t);
   const altUsernameCheck = validateAltUsernameInput(watchedValues.author, t);
   const communityPosting =
-    mySubsData && mySubsData?.filter((e) => e[0] === router.query.category).length > 0
-      ? mySubsData?.filter((e) => e[0] === router.query.category)[0][0]
+    mySubsData && mySubsData?.filter((e) => e[0] === categoryParam).length > 0
+      ? mySubsData?.filter((e) => e[0] === categoryParam)[0][0]
       : undefined;
 
   useEffect(() => {
@@ -286,10 +243,10 @@ export default function PostForm({
           refreshPage();
         }
       } else {
-        if (router.query.category) {
-          await router.push(withBasePath(`/created/${router.query.category}`), undefined, { shallow: true });
+        if (categoryParam) {
+          await router.push(withBasePath(`/created/${categoryParam}`), undefined);
         } else {
-          await router.push(withBasePath(`/created/${tags[0]}`), undefined, { shallow: true });
+          await router.push(withBasePath(`/created/${tags[0]}`), undefined);
         }
       }
       if (btnRef.current) {
@@ -496,7 +453,7 @@ export default function PostForm({
               <FormField
                 control={form.control}
                 name="category"
-                render={({ field }) => (
+                render={() => (
                   <FormItem>
                     <div className="flex flex-wrap items-center gap-4">
                       {t('submit_page.posting_to')}
@@ -512,8 +469,8 @@ export default function PostForm({
                           onValueChange={(e) => {
                             form.setValue('category', e);
                             storePost({ ...storedPost, category: e });
-                            if (router.query.category) {
-                              router.replace({ query: { ...router.query, category: e } });
+                            if (categoryParam) {
+                              router.replace(withBasePath(`/submit.html`));
                             }
                           }}
                         >
@@ -557,18 +514,18 @@ export default function PostForm({
                 Boolean(tagsCheck) ||
                 Boolean(summaryCheck) ||
                 Boolean(altUsernameCheck) ||
-                postMutation.isLoading
+                postMutation.isPending
               }
               data-testid="submit-post-button"
             >
-              {postMutation.isLoading ? (
-                <CircleSpinner loading={postMutation.isLoading} size={18} color="#dc2626" />
+              {postMutation.isPending ? (
+                <CircleSpinner loading={postMutation.isPending} size={18} color="#dc2626" />
               ) : (
                 t('submit_page.submit')
               )}
             </Button>
             <Button
-              disabled={postMutation.isLoading}
+              disabled={postMutation.isPending}
               onClick={() => handleCancel()}
               type="reset"
               variant="ghost"
diff --git a/apps/blog/components/posting-loader.tsx b/apps/blog/features/post-editor/posting-loader.tsx
similarity index 97%
rename from apps/blog/components/posting-loader.tsx
rename to apps/blog/features/post-editor/posting-loader.tsx
index 5c28519235da5d66e7c2db6d75b4eb21013e500b..d61d1ea5d79f321aa8c58048f91eec4f27563b2b 100644
--- a/apps/blog/components/posting-loader.tsx
+++ b/apps/blog/features/post-editor/posting-loader.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import { CircleSpinner } from 'react-spinners-kit';
 
 const PostingLoader = ({ isSubmitting }: { isSubmitting: boolean }) => {
diff --git a/apps/blog/components/reply-textbox.tsx b/apps/blog/features/post-editor/reply-textbox.tsx
similarity index 95%
rename from apps/blog/components/reply-textbox.tsx
rename to apps/blog/features/post-editor/reply-textbox.tsx
index 6074496f89e7a6cc280e5c162a88e2ef9038a406..402b965c7d70b3efa1a22b4e2786d78221d64a13 100644
--- a/apps/blog/components/reply-textbox.tsx
+++ b/apps/blog/features/post-editor/reply-textbox.tsx
@@ -1,22 +1,22 @@
 import Link from 'next/link';
 import { Button } from '@ui/components/button';
 import { useEffect, useState, useRef } from 'react';
-import { useTranslation } from 'next-i18next';
+import { useTranslation } from '@/blog/i18n/client';
 import { useLocalStorage } from 'usehooks-ts';
 import { Icons } from '@ui/components/icons';
 import MdEditor from './md-editor';
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@ui/components/tooltip';
 
 import { useUser } from '@smart-signer/lib/auth/use-user';
-import useManabars from './hooks/useManabars';
+import useManabars from '../../components/hooks/use-manabars';
 import { DEFAULT_PREFERENCES, hoursAndMinutes, Preferences } from '@/blog/lib/utils';
 import { Entry } from '@transaction/lib/extended-hive.chain';
-import RendererContainer from './rendererContainer';
+import RendererContainer from '../post-rendering/rendererContainer';
 import { getLogger } from '@ui/lib/logging';
-import { useCommentMutation, useUpdateCommentMutation } from './hooks/use-comment-mutations';
+import { useCommentMutation, useUpdateCommentMutation } from '../post-rendering/hooks/use-comment-mutations';
 import { handleError } from '@ui/lib/handle-error';
 import { CircleSpinner } from 'react-spinners-kit';
-import { commentClassName } from './comment-list-item';
+import { commentClassName } from '../post-rendering/comment-list-item';
 
 const logger = getLogger('app');
 
diff --git a/apps/blog/components/select-image-item.tsx b/apps/blog/features/post-editor/select-image-item.tsx
similarity index 96%
rename from apps/blog/components/select-image-item.tsx
rename to apps/blog/features/post-editor/select-image-item.tsx
index 68407d387835c25b0f4244003bd0a38db3593c15..623ca1a74074173a886c983862691aef36f0c306 100644
--- a/apps/blog/components/select-image-item.tsx
+++ b/apps/blog/features/post-editor/select-image-item.tsx
@@ -2,7 +2,7 @@ import { Button } from '@ui/components';
 import { proxifyImageUrl } from '@ui/lib/old-profixy';
 import clsx from 'clsx';
 import React, { useState } from 'react';
-import { imagePicker } from './post-form';
+import { imagePicker } from './lib/utils';
 
 interface SelectImageItemTypes {
   data: string;
diff --git a/apps/blog/components/select-image-list.tsx b/apps/blog/features/post-editor/select-image-list.tsx
similarity index 84%
rename from apps/blog/components/select-image-list.tsx
rename to apps/blog/features/post-editor/select-image-list.tsx
index 2e35d1764f01fd5abf99a675298fb7abcd328614..2cd1618095db36387566fbc74b19271e4f64e982 100644
--- a/apps/blog/components/select-image-list.tsx
+++ b/apps/blog/features/post-editor/select-image-list.tsx
@@ -1,7 +1,10 @@
+'use client';
+
 import { FC, useEffect, useMemo } from 'react';
-import { extractImagesSrc, extractUrlsFromJsonString, extractYouTubeVideoIds } from '../lib/utils';
+import { extractImagesSrc } from './lib/utils';
 import SelectImageItem from './select-image-item';
-import { useTranslation } from 'next-i18next';
+import { useTranslation } from '@/blog/i18n/client';
+import { extractUrlsFromJsonString, extractYouTubeVideoIds } from '@/blog/lib/utils';
 
 interface SelectImageListTypes {
   content: string;
diff --git a/apps/blog/components/alert-window-flag.tsx b/apps/blog/features/post-rendering/alert-window-flag.tsx
similarity index 93%
rename from apps/blog/components/alert-window-flag.tsx
rename to apps/blog/features/post-rendering/alert-window-flag.tsx
index 2368d1bdc6f28446fc03cc40031c61f1f30ea39d..541a2737864b991e214ad204b3ed9b622794a189 100644
--- a/apps/blog/components/alert-window-flag.tsx
+++ b/apps/blog/features/post-rendering/alert-window-flag.tsx
@@ -12,9 +12,9 @@ import {
 import { useUser } from '@smart-signer/lib/auth/use-user';
 import { Input, Separator } from '@ui/components';
 import { ReactNode, useState } from 'react';
-import ln2list from '../lib/ln2list';
-import { useTranslation } from 'next-i18next';
-import { useFlagMutation } from './hooks/use-flag-mutation';
+import ln2list from '../../lib/ln2list';
+import { useTranslation } from '@/blog/i18n/client';
+import { useFlagMutation } from '../../components/hooks/use-flag-mutation';
 import { handleError } from '@ui/lib/handle-error';
 
 export function AlertDialogFlag({
@@ -32,7 +32,7 @@ export function AlertDialogFlag({
 }) {
   const { user } = useUser();
   const [notes, setNotes] = useState('');
-  const { t } = useTranslation();
+  const { t } = useTranslation('common_blog');
   const flagMutation = useFlagMutation();
 
   const flag = async () => {
diff --git a/apps/blog/components/comment-list-item.tsx b/apps/blog/features/post-rendering/comment-list-item.tsx
similarity index 94%
rename from apps/blog/components/comment-list-item.tsx
rename to apps/blog/features/post-rendering/comment-list-item.tsx
index ee6a491d2e3003c04488bc159ebeefcde45bf044..aecdf7b898e78c330afd690dc805af13b25872f9 100644
--- a/apps/blog/components/comment-list-item.tsx
+++ b/apps/blog/features/post-rendering/comment-list-item.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import { Icons } from '@hive/ui/components/icons';
 import parseDate from '@hive/ui/lib/parse-date';
 import { Card, CardContent, CardDescription, CardFooter, CardHeader } from '@hive/ui/components/card';
@@ -6,18 +8,17 @@ import Link from 'next/link';
 import { Separator } from '@ui/components/separator';
 import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from '@ui/components/accordion';
 import { useEffect, useRef, useState } from 'react';
-import DetailsCardVoters from '@/blog/components/details-card-voters';
-import { ReplyTextbox } from './reply-textbox';
-import DetailsCardHover from './details-card-hover';
+import DetailsCardVoters from '@/blog/features/post-rendering/details-card-voters';
+import { ReplyTextbox } from '../post-editor/reply-textbox';
+import DetailsCardHover from '../list-of-posts/details-card-hover';
 import { IFollowList, Entry } from '@transaction/lib/extended-hive.chain';
 import clsx from 'clsx';
 import { Badge } from '@ui/components/badge';
-import { useTranslation } from 'next-i18next';
-import VotesComponent from './votes';
+import VotesComponent from '../votes/votes-component';
 import { useLocalStorage } from 'usehooks-ts';
 import { useUser } from '@smart-signer/lib/auth/use-user';
-import DialogLogin from './dialog-login';
-import { UserPopoverCard } from './user-popover-card';
+import DialogLogin from '../../components/dialog-login';
+
 import { PostDeleteDialog } from './post-delete-dialog';
 import moment from 'moment';
 import dmcaUserList from '@hive/ui/config/lists/dmca-user-list';
@@ -28,11 +29,13 @@ import { useDeleteCommentMutation } from './hooks/use-comment-mutations';
 import { handleError } from '@ui/lib/handle-error';
 import { CircleSpinner } from 'react-spinners-kit';
 import MutePostDialog from './mute-post-dialog';
-import ChangeTitleDialog from './change-title-dialog';
+import ChangeTitleDialog from '../community-profile/change-title-dialog';
 import { AlertDialogFlag } from './alert-window-flag';
 import FlagTooltip from './flag-icon';
 import TimeAgo from '@hive/ui/components/time-ago';
 import { getUserAvatarUrl } from '@hive/ui';
+import { UserPopoverCard } from './user-popover-card';
+import { useTranslation } from '@/blog/i18n/client';
 
 interface CommentListProps {
   permissionToMute: Boolean;
@@ -58,7 +61,6 @@ const CommentListItem = ({
   discussionPermlink
 }: CommentListProps) => {
   const { t } = useTranslation('common_blog');
-  const username = comment.author;
   const { user } = useUser();
   const ref = useRef<HTMLTableRowElement>(null);
   const [hiddenComment, setHiddenComment] = useState(
@@ -66,8 +68,8 @@ const CommentListItem = ({
   );
   const [openState, setOpenState] = useState<string>(comment.stats?.gray && hiddenComment ? '' : 'item-1');
   const [tempraryHidden, setTemporaryHidden] = useState(false);
-  const commentId = `@${username}/${comment.permlink}`;
-  const storageId = `replybox-/${username}/${comment.permlink}-${user.username}`;
+  const commentId = `@${comment.author}/${comment.permlink}`;
+  const storageId = `replybox-/${comment.author}/${comment.permlink}-${user.username}`;
   const [edit, setEdit] = useState(false);
   const [storedBox, storeBox, removeBox] = useLocalStorage<Boolean>(storageId, false);
   const [reply, setReply] = useState<Boolean>(storedBox !== undefined ? storedBox : false);
@@ -121,8 +123,8 @@ const CommentListItem = ({
               })}
               height="40"
               width="40"
-              src={getUserAvatarUrl(username, 'small')}
-              alt={`${username} profile picture`}
+              src={getUserAvatarUrl(comment.author, 'small')}
+              alt={`${comment.author} profile picture`}
               loading="lazy"
             />
             <Card
@@ -151,12 +153,12 @@ const CommentListItem = ({
                                   className=" h-[20px] w-[20px] rounded-3xl sm:hidden"
                                   height="20"
                                   width="20"
-                                  src={getUserAvatarUrl(username, 'small')}
-                                  alt={`${username} profile picture`}
+                                  src={getUserAvatarUrl(comment.author, 'small')}
+                                  alt={`${comment.author} profile picture`}
                                   loading="lazy"
                                 />
                                 <UserPopoverCard
-                                  author={username}
+                                  author={comment.author}
                                   author_reputation={comment.author_reputation}
                                   blacklist={comment.blacklists}
                                 />
@@ -185,7 +187,7 @@ const CommentListItem = ({
                                   />
                                 )}
                                 <Link
-                                  href={`#@${username}/${comment.permlink}`}
+                                  href={`#@${comment.author}/${comment.permlink}`}
                                   className="hover:text-destructive md:text-sm"
                                   title={String(parseDate(comment.created))}
                                   data-testid="comment-timestamp-link"
@@ -194,7 +196,7 @@ const CommentListItem = ({
                                 </Link>
                                 <Link
                                   className="p-1 sm:p-2"
-                                  href={`/${comment.category}/@${username}/${comment.permlink}`}
+                                  href={`/${comment.category}/@${comment.author}/${comment.permlink}`}
                                   data-testid="comment-page-link"
                                 >
                                   <Icons.link className="h-3 w-3" />
@@ -211,7 +213,7 @@ const CommentListItem = ({
                               ) : flagText && comment.community && user.isLoggedIn ? (
                                 <AlertDialogFlag
                                   community={comment.community}
-                                  username={username}
+                                  username={comment.author}
                                   permlink={comment.permlink}
                                   flagText={flagText}
                                 >
@@ -249,7 +251,7 @@ const CommentListItem = ({
                             ) : flagText && comment.community && user.isLoggedIn ? (
                               <AlertDialogFlag
                                 community={comment.community}
-                                username={username}
+                                username={comment.author}
                                 permlink={comment.permlink}
                                 flagText={flagText}
                               >
@@ -366,7 +368,7 @@ const CommentListItem = ({
                               <Separator orientation="vertical" className="h-5" />
                             </>
                           ) : null}
-                          {user && user.isLoggedIn ? (
+                          {user.isLoggedIn ? (
                             <button
                               disabled={deleteCommentMutation.isLoading}
                               onClick={() => {
@@ -454,7 +456,10 @@ const CommentListItem = ({
         </li>
       ) : currentDepth === 8 ? (
         <div className="h-8">
-          <Link href={`/${comment.category}/@${username}/${comment.permlink}`} className="text-destructive">
+          <Link
+            href={`/${comment.category}/@${comment.author}/${comment.permlink}`}
+            className="text-destructive"
+          >
             {t('cards.comment_card.load_more')}...
           </Link>
         </div>
@@ -463,7 +468,7 @@ const CommentListItem = ({
         <ReplyTextbox
           editMode={edit}
           onSetReply={setReply}
-          username={username}
+          username={comment.author}
           permlink={comment.permlink}
           storageId={storageId}
           comment=""
diff --git a/apps/blog/components/comment-list.tsx b/apps/blog/features/post-rendering/comment-list.tsx
similarity index 89%
rename from apps/blog/components/comment-list.tsx
rename to apps/blog/features/post-rendering/comment-list.tsx
index 100d7c0f97cddac46354ed5fa7413c0a4d829601..bb34ff897978a82c31b202ea43f5816ebfd1b8ae 100644
--- a/apps/blog/components/comment-list.tsx
+++ b/apps/blog/features/post-rendering/comment-list.tsx
@@ -1,8 +1,10 @@
-import CommentListItem from '@/blog/components/comment-list-item';
+'use client';
+
+import CommentListItem from '@/blog/features/post-rendering/comment-list-item';
 import { Entry } from '@transaction/lib/extended-hive.chain';
 import { IFollowList } from '@transaction/lib/extended-hive.chain';
-import { useRouter } from 'next/router';
 import clsx from 'clsx';
+import { usePathname } from 'next/navigation';
 import { useMemo } from 'react';
 
 const CommentList = ({
@@ -26,7 +28,8 @@ const CommentList = ({
   flagText: string | undefined;
   discussionPermlink: string;
 }) => {
-  const router = useRouter();
+  const pathname = usePathname();
+
   const arr = useMemo(() => {
     if (!data || !parent) return undefined;
     const filtered = data.filter(
@@ -40,7 +43,7 @@ const CommentList = ({
     return [...mutedContent, ...unmutedContent];
   }, [JSON.stringify(data), JSON.stringify(parent)]);
   return (
-    <ul data-testid='comment-list'>
+    <ul data-testid="comment-list">
       <>
         {!!arr
           ? arr.map((comment: Entry, index: number) => (
@@ -50,7 +53,7 @@ const CommentList = ({
                   'pl-2',
                   {
                     'm-2 border-2 border-red-600 bg-green-50 p-2 dark:bg-slate-950':
-                      router.asPath.includes(`@${comment.author}/${comment.permlink}`) && comment.depth < 8
+                      pathname?.includes(`@${comment.author}/${comment.permlink}`) && comment.depth < 8
                   },
                   { 'pl-3 sm:pl-12': comment.depth > 1 }
                 )}
diff --git a/apps/blog/components/comment-select-filter.tsx b/apps/blog/features/post-rendering/comment-select-filter.tsx
similarity index 70%
rename from apps/blog/components/comment-select-filter.tsx
rename to apps/blog/features/post-rendering/comment-select-filter.tsx
index c94135800ebf9cf7d507211b121efb088eca113a..fabe40c27596d9ad14c5bf0c9c01dcf3dde6a223 100644
--- a/apps/blog/components/comment-select-filter.tsx
+++ b/apps/blog/features/post-rendering/comment-select-filter.tsx
@@ -1,3 +1,6 @@
+'use client';
+
+import { useTranslation } from '@/blog/i18n/client';
 import {
   Select,
   SelectContent,
@@ -6,18 +9,20 @@ import {
   SelectTrigger,
   SelectValue
 } from '@ui/components/select';
-import { useRouter } from 'next/router';
-import { useTranslation } from 'next-i18next';
+import { usePathname, useRouter, useSearchParams } from 'next/navigation';
 
 const CommentSelectFilter = () => {
   const router = useRouter();
+  const searchParams = useSearchParams();
+  const pathname = usePathname();
+  const sort = searchParams?.get('sort') ?? 'trending';
   const { t } = useTranslation('common_blog');
-  const defaultSort = router.query.sort?.toString();
+
   return (
     <Select
-      defaultValue={defaultSort ? defaultSort : 'trending'}
+      defaultValue={sort}
       onValueChange={(e) => {
-        router.replace(`${router.asPath.split('#')[0].split('?')[0]}?sort=${e}#comments`);
+        router.replace(`${pathname?.split('#')[0].split('?')[0]}?sort=${e}#comments`);
       }}
     >
       <SelectTrigger className="h-5 w-fit border-none bg-transparent text-red-600" data-testid="posts-filter">
diff --git a/apps/blog/features/post-rendering/context-links.tsx b/apps/blog/features/post-rendering/context-links.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..c807da79aad81975246b8a0f8588be5d1f0730ab
--- /dev/null
+++ b/apps/blog/features/post-rendering/context-links.tsx
@@ -0,0 +1,36 @@
+import { useTranslation } from '@/blog/i18n/client';
+import { Entry } from '@transaction/lib/extended-hive.chain';
+import Link from 'next/link';
+
+const ContentLinks = ({ data, noContext }: { data: Entry; noContext: boolean }) => {
+  const { t } = useTranslation('common_blog');
+
+  return (
+    <div className="flex flex-col gap-2 border-2 border-solid border-card-emptyBorder bg-card-noContent p-2">
+      <h4 className="text-sm">
+        {t('post_content.if_comment.you_are_viewing_a_single_comments_thread_from')}:
+      </h4>
+      <h1 data-testid="article-title" className="text-2xl">
+        {data.title}
+      </h1>
+      <Link
+        className="text-sm hover:text-destructive"
+        href={`${data.url}`}
+        data-testid="view-the-full-context"
+      >
+        • {t('post_content.if_comment.view_the_full_context')}
+      </Link>
+      {noContext ? (
+        <Link
+          className="text-sm hover:text-destructive"
+          href={`/${data.category}/@${data.parent_author}/${data.parent_permlink}`}
+          data-testid="view-the-direct-parent"
+        >
+          • {t('post_content.if_comment.view_the_direct_parent')}
+        </Link>
+      ) : null}
+    </div>
+  );
+};
+
+export default ContentLinks;
diff --git a/apps/blog/components/copy-from-input.tsx b/apps/blog/features/post-rendering/copy-from-input.tsx
similarity index 96%
rename from apps/blog/components/copy-from-input.tsx
rename to apps/blog/features/post-rendering/copy-from-input.tsx
index 79d7d310f1f9cb91c3b5862e5edd0f04de573dc9..996858bac9d664f57ecd6fcbb6ba6f348bac9f5d 100644
--- a/apps/blog/components/copy-from-input.tsx
+++ b/apps/blog/features/post-rendering/copy-from-input.tsx
@@ -2,7 +2,7 @@ import { Label } from '@radix-ui/react-label';
 import { useState } from 'react';
 import { Input } from '@ui/components/input';
 import { Button } from '@ui/components/button';
-import { useTranslation } from 'next-i18next';
+import { useTranslation } from '@/blog/i18n/client';
 
 export default function ClipboardCopy({ copyText, label }: { copyText: string; label: string }) {
   const { t } = useTranslation('common_blog');
diff --git a/apps/blog/components/details-card-voters.tsx b/apps/blog/features/post-rendering/details-card-voters.tsx
similarity index 87%
rename from apps/blog/components/details-card-voters.tsx
rename to apps/blog/features/post-rendering/details-card-voters.tsx
index 8f503010f56afebff6ace913daf4fa884cb71de6..2850f92bcd1166932d03877e170019ab0d60c6ec 100644
--- a/apps/blog/components/details-card-voters.tsx
+++ b/apps/blog/features/post-rendering/details-card-voters.tsx
@@ -1,9 +1,11 @@
+'use client';
+
 import { HoverCard, HoverCardContent, HoverCardTrigger } from '@hive/ui/components/hover-card';
 import { Entry } from '@transaction/lib/extended-hive.chain';
 import { ReactNode, useRef, useState } from 'react';
 import VotersDetailsData from './votes-details-data';
 
-export default function DetailsCardVoters({ post, children }: { post: Entry; children: ReactNode }) {
+const DetailsCardVoters = ({ post, children }: { post: Entry; children: ReactNode }) => {
   const [open, setOpen] = useState(false);
   const isHovering = useRef(false);
 
@@ -38,6 +40,9 @@ export default function DetailsCardVoters({ post, children }: { post: Entry; chi
       >
         <VotersDetailsData post={post} />
       </HoverCardContent>
+      {children}
     </HoverCard>
   );
-}
+};
+
+export default DetailsCardVoters;
diff --git a/apps/blog/components/flag-icon.tsx b/apps/blog/features/post-rendering/flag-icon.tsx
similarity index 65%
rename from apps/blog/components/flag-icon.tsx
rename to apps/blog/features/post-rendering/flag-icon.tsx
index 40cc1adc5037f88b59e328dd2fd16c5a5feecdda..bb54af01d968a6d2ba5958b9ec46cc2511664b93 100644
--- a/apps/blog/components/flag-icon.tsx
+++ b/apps/blog/features/post-rendering/flag-icon.tsx
@@ -1,17 +1,20 @@
+import React from 'react';
 import { Icons } from '@ui/components/icons';
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@ui/components/tooltip';
 
-const FlagTooltip = ({ onClick }: { onClick: () => void }) => {
+const FlagTooltip = React.forwardRef<HTMLButtonElement, { onClick: () => void }>(({ onClick }, ref) => {
   return (
     <TooltipProvider>
       <Tooltip>
-        <TooltipTrigger>
+        <TooltipTrigger ref={ref}>
           <Icons.flag className="h-4" onClick={onClick} />
         </TooltipTrigger>
         <TooltipContent>Flag post</TooltipContent>
       </Tooltip>
     </TooltipProvider>
   );
-};
+});
+
+FlagTooltip.displayName = 'FlagTooltip';
 
 export default FlagTooltip;
diff --git a/apps/blog/components/hooks/use-comment-mutations.ts b/apps/blog/features/post-rendering/hooks/use-comment-mutations.ts
similarity index 100%
rename from apps/blog/components/hooks/use-comment-mutations.ts
rename to apps/blog/features/post-rendering/hooks/use-comment-mutations.ts
diff --git a/apps/blog/components/image-gallery.tsx b/apps/blog/features/post-rendering/image-gallery.tsx
similarity index 100%
rename from apps/blog/components/image-gallery.tsx
rename to apps/blog/features/post-rendering/image-gallery.tsx
diff --git a/apps/blog/components/leave-page-dialog.tsx b/apps/blog/features/post-rendering/leave-page-dialog.tsx
similarity index 95%
rename from apps/blog/components/leave-page-dialog.tsx
rename to apps/blog/features/post-rendering/leave-page-dialog.tsx
index 90ef37f1b1f8af80a7ffc22ac790bde611e56062..9cf6250d3a8ef73aec81d1ea1208eaa8de71d457 100644
--- a/apps/blog/components/leave-page-dialog.tsx
+++ b/apps/blog/features/post-rendering/leave-page-dialog.tsx
@@ -1,7 +1,7 @@
 import { Dialog, DialogContent } from '@ui/components/dialog';
 import { Button, Separator } from '@ui/components';
 import Link from 'next/link';
-import { useTranslation } from 'next-i18next';
+import { useTranslation } from '@/blog/i18n/client';
 
 export function LeavePageDialog({
   link,
diff --git a/apps/blog/lib/renderer.ts b/apps/blog/features/post-rendering/lib/renderer.ts
similarity index 89%
rename from apps/blog/lib/renderer.ts
rename to apps/blog/features/post-rendering/lib/renderer.ts
index cdcd1d98b4a0ea86b672b9f1349a21c5eb40544b..72c9bf7ccd62d04c5f611392cb6585a79d7fa71d 100644
--- a/apps/blog/lib/renderer.ts
+++ b/apps/blog/features/post-rendering/lib/renderer.ts
@@ -22,8 +22,8 @@ const renderDefaultOptions = {
   assetsHeight: 480,
   plugins: [new TwitterPlugin(), new InstagramPlugin(), new TablePlugin()],
   imageProxyFn: (url: string) => getDoubleSize(proxifyImageUrl(url, true).replace(/ /g, '%20')),
-  usertagUrlFn: (account: string) => basePath ? `${basePath}/@${account}` : `/@${account}`,
-  hashtagUrlFn: (hashtag: string) => basePath ? `${basePath}/trending/${hashtag}` : `/trending/${hashtag}`,
+  usertagUrlFn: (account: string) => (basePath ? `${basePath}/@${account}` : `/@${account}`),
+  hashtagUrlFn: (hashtag: string) => (basePath ? `${basePath}/trending/${hashtag}` : `/trending/${hashtag}`),
   isLinkSafeFn: (url: string) =>
     !!url.match(`^(/(?!/)|${configuredImagesEndpoint})`) ||
     !!url.match(`^(/(?!/)|${configuredSiteDomain})`) ||
diff --git a/apps/blog/components/mute-post-dialog.tsx b/apps/blog/features/post-rendering/mute-post-dialog.tsx
similarity index 98%
rename from apps/blog/components/mute-post-dialog.tsx
rename to apps/blog/features/post-rendering/mute-post-dialog.tsx
index 3e3de5a5ba52a0ab5a3d0fa0f2e0c4266c6edc6c..4fbf8a9fd75ecbe02cd9e899958ed5d4f5cfbdd3 100644
--- a/apps/blog/components/mute-post-dialog.tsx
+++ b/apps/blog/features/post-rendering/mute-post-dialog.tsx
@@ -14,7 +14,7 @@ import { handleError } from '@ui/lib/handle-error';
 import { useMutePostMutation, useUnmutePostMutation } from '@/blog/components/hooks/use-mute-post-mutations';
 import { CircleSpinner } from 'react-spinners-kit';
 import clsx from 'clsx';
-import { useTranslation } from 'next-i18next';
+import { useTranslation } from '@/blog/i18n/client';
 
 const MutePostDialog = ({
   comment,
diff --git a/apps/blog/components/popover-card-data.tsx b/apps/blog/features/post-rendering/popover-card-data.tsx
similarity index 89%
rename from apps/blog/components/popover-card-data.tsx
rename to apps/blog/features/post-rendering/popover-card-data.tsx
index e20c082466997e16e71f4d0ded8b8c8e380bb1ad..46b4f2b437687f938cdb2ddc09db7c91c0198f50 100644
--- a/apps/blog/components/popover-card-data.tsx
+++ b/apps/blog/features/post-rendering/popover-card-data.tsx
@@ -1,22 +1,25 @@
+'use client';
+
 import { dateToShow } from '@ui/lib/parse-date';
-import BasePathLink from './base-path-link';
-import { useAccountQuery } from './hooks/use-account';
-import { useFollowsQuery } from './hooks/use-follows';
 import { convertToHP, numberWithCommas } from '@ui/lib/utils';
 import Big from 'big.js';
-import { useDynamicGlobalData } from './hooks/use-dynamic-global-data';
-import { useTranslation } from 'next-i18next';
+
 import { useUser } from '@smart-signer/lib/auth/use-user';
-import { useFollowingInfiniteQuery } from './hooks/use-following-infinitequery';
 import { Avatar, AvatarFallback, AvatarImage } from '@ui/components';
 import userIllegalContent from '@hive/ui/config/lists/user-illegal-content';
-import ButtonsContainer from './buttons-container';
 import { convertStringToBig } from '@ui/lib/helpers';
 import TimeAgo from '@hive/ui/components/time-ago';
-import { compareDates } from '../lib/utils';
 import { getDefaultImageUrl } from '@hive/ui';
+import { compareDates } from '@/blog/lib/utils';
+import BasePathLink from '@/blog/components/base-path-link';
+import { useAccountQuery } from '@/blog/components/hooks/use-account';
+import { useDynamicGlobalData } from '@/blog/components/hooks/use-dynamic-global-data';
+import { useFollowsQuery } from '@/blog/components/hooks/use-follows';
+import { useFollowingInfiniteQuery } from '../account-lists/hooks/use-following-infinitequery';
+import ButtonsContainer from '../mute-follow/buttons-container';
+import { useTranslation } from '@/blog/i18n/client';
 
-export function PopoverCardData({ author, blacklist }: { author: string; blacklist: string[] }) {
+const PopoverCardData = ({ author, blacklist }: { author: string; blacklist: string[] }) => {
   const { t } = useTranslation('common_blog');
   const { user } = useUser();
   const follows = useFollowsQuery(author);
@@ -144,4 +147,6 @@ export function PopoverCardData({ author, blacklist }: { author: string; blackli
       ) : null}
     </div>
   );
-}
+};
+
+export default PopoverCardData;
diff --git a/apps/blog/components/post-delete-dialog.tsx b/apps/blog/features/post-rendering/post-delete-dialog.tsx
similarity index 99%
rename from apps/blog/components/post-delete-dialog.tsx
rename to apps/blog/features/post-rendering/post-delete-dialog.tsx
index a84bdb768ab4b7d0cc39221165e60abdf42e7174..ce614835de50a7f88b3b2be885add49440218791 100644
--- a/apps/blog/components/post-delete-dialog.tsx
+++ b/apps/blog/features/post-rendering/post-delete-dialog.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import {
   AlertDialog,
   AlertDialogAction,
diff --git a/apps/blog/components/rendererContainer.tsx b/apps/blog/features/post-rendering/rendererContainer.tsx
similarity index 96%
rename from apps/blog/components/rendererContainer.tsx
rename to apps/blog/features/post-rendering/rendererContainer.tsx
index b8b9e43575a2ae829fd274ff95b1989405db5346..adf27b701a27879a8fc0a27564b29114b8932545 100644
--- a/apps/blog/components/rendererContainer.tsx
+++ b/apps/blog/features/post-rendering/rendererContainer.tsx
@@ -1,14 +1,13 @@
+'use client';
+
 import { useRef, useEffect, useState, useMemo } from 'react';
 import Loading from '@ui/components/loading';
 import { LeavePageDialog } from './leave-page-dialog';
-import { getRenderer } from '../lib/renderer';
-import { getLogger } from '@ui/lib/logging';
+import { getRenderer } from './lib/renderer';
 import ScrollToElement from './scroll-to-element';
 import { cn } from '@ui/lib/utils';
 import { isUrlWhitelisted } from '@hive/ui/config/lists/phishing';
 
-const logger = getLogger('app');
-
 const RendererContainer = ({
   body,
   author,
diff --git a/apps/blog/components/scroll-to-element.tsx b/apps/blog/features/post-rendering/scroll-to-element.tsx
similarity index 84%
rename from apps/blog/components/scroll-to-element.tsx
rename to apps/blog/features/post-rendering/scroll-to-element.tsx
index 3da1ecf841082fbddfab2ad62b8a445fd83a5510..5682eb628791bec0272f313f108004d7982ef700 100644
--- a/apps/blog/components/scroll-to-element.tsx
+++ b/apps/blog/features/post-rendering/scroll-to-element.tsx
@@ -1,7 +1,8 @@
-import { FC, RefObject, useLayoutEffect, useEffect, useRef } from 'react';
+'use client';
 
-const useIsomorphicLayoutEffect =
-  typeof window !== 'undefined' ? useLayoutEffect : useEffect;
+import { FC, RefObject, useLayoutEffect, useEffect } from 'react';
+
+const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;
 
 const ScrollToElement: FC<{ rendererRef: RefObject<HTMLDivElement> }> = ({ rendererRef }) => {
   useIsomorphicLayoutEffect(() => {
diff --git a/apps/blog/components/share-post-dialog.tsx b/apps/blog/features/post-rendering/share-post-dialog.tsx
similarity index 98%
rename from apps/blog/components/share-post-dialog.tsx
rename to apps/blog/features/post-rendering/share-post-dialog.tsx
index 32d9901e12ef689c4e01d8a0ddd204db2ce7529d..85f3e6c416a34813b3797729df55d03afc6780f4 100644
--- a/apps/blog/components/share-post-dialog.tsx
+++ b/apps/blog/features/post-rendering/share-post-dialog.tsx
@@ -3,7 +3,7 @@ import { ReactNode } from 'react';
 import Link from 'next/link';
 import ClipboardCopy from './copy-from-input';
 import { Icons } from '@ui/components/icons';
-import { useTranslation } from 'next-i18next';
+import { useTranslation } from '@/blog/i18n/client';
 
 export function SharePost({ children, path, title }: { children: ReactNode; path: string; title: string }) {
   const { t } = useTranslation('common_blog');
diff --git a/apps/blog/components/share-post-facebook.tsx b/apps/blog/features/post-rendering/share-post-facebook.tsx
similarity index 92%
rename from apps/blog/components/share-post-facebook.tsx
rename to apps/blog/features/post-rendering/share-post-facebook.tsx
index 67ca6742fff8177edd49da6510af21d75b488b83..76582937d062fa6cc9dd7b04c6f723bb5b936c04 100644
--- a/apps/blog/components/share-post-facebook.tsx
+++ b/apps/blog/features/post-rendering/share-post-facebook.tsx
@@ -1,5 +1,5 @@
 import { Facebook } from 'lucide-react';
-import { useTranslation } from 'next-i18next';
+import { useTranslation } from '@/blog/i18n/client';
 
 export default function FacebookShare({ url }: { url: string }) {
   const { t } = useTranslation('common_blog');
diff --git a/apps/blog/components/share-post-linkedin.tsx b/apps/blog/features/post-rendering/share-post-linkedin.tsx
similarity index 94%
rename from apps/blog/components/share-post-linkedin.tsx
rename to apps/blog/features/post-rendering/share-post-linkedin.tsx
index 7e0e321e3d49c739005aa99ce6d0f025c7d9353c..8b30474a846c16df00af4f5ed4193cde3be61c8c 100644
--- a/apps/blog/components/share-post-linkedin.tsx
+++ b/apps/blog/features/post-rendering/share-post-linkedin.tsx
@@ -1,5 +1,5 @@
 import { Linkedin } from 'lucide-react';
-import { useTranslation } from 'next-i18next';
+import { useTranslation } from '@/blog/i18n/client';
 
 export default function LinkedInShare({ title, url }: { title: string; url: string }) {
   const { t } = useTranslation('common_blog');
diff --git a/apps/blog/components/share-post-reddit.tsx b/apps/blog/features/post-rendering/share-post-reddit.tsx
similarity index 97%
rename from apps/blog/components/share-post-reddit.tsx
rename to apps/blog/features/post-rendering/share-post-reddit.tsx
index c19a0fc3f37ebb2fd01123a1cd9d0911308469d2..592e0524bad135c5bc770a50ec7e2347f735eb3d 100644
--- a/apps/blog/components/share-post-reddit.tsx
+++ b/apps/blog/features/post-rendering/share-post-reddit.tsx
@@ -1,4 +1,4 @@
-import { useTranslation } from 'next-i18next';
+import { useTranslation } from '@/blog/i18n/client';
 
 export default function RedditShare({ title, url }: { title: string; url: string }) {
   const { t } = useTranslation('common_blog');
diff --git a/apps/blog/components/share-post-twitter.tsx b/apps/blog/features/post-rendering/share-post-twitter.tsx
similarity index 94%
rename from apps/blog/components/share-post-twitter.tsx
rename to apps/blog/features/post-rendering/share-post-twitter.tsx
index b4b93ea02a113dd4f9af8fc513fa7fc8828b55f1..b5f9bd28887307e0f7a547ea44d66aefd606fd61 100644
--- a/apps/blog/components/share-post-twitter.tsx
+++ b/apps/blog/features/post-rendering/share-post-twitter.tsx
@@ -1,5 +1,5 @@
 import { Twitter } from 'lucide-react';
-import { useTranslation } from 'next-i18next';
+import { useTranslation } from '@/blog/i18n/client';
 
 export default function TwitterShare({ title, url }: { title: string; url: string }) {
   const { t } = useTranslation('common_blog');
diff --git a/apps/blog/components/user-avatar.tsx b/apps/blog/features/post-rendering/user-avatar.tsx
similarity index 100%
rename from apps/blog/components/user-avatar.tsx
rename to apps/blog/features/post-rendering/user-avatar.tsx
diff --git a/apps/blog/components/user-info.tsx b/apps/blog/features/post-rendering/user-info.tsx
similarity index 95%
rename from apps/blog/components/user-info.tsx
rename to apps/blog/features/post-rendering/user-info.tsx
index e56a4c73154cc09c559715b13578b74b89f311bd..47ad5fcd29a86f7f95c4a80954a93736c53b3ee4 100644
--- a/apps/blog/components/user-info.tsx
+++ b/apps/blog/features/post-rendering/user-info.tsx
@@ -1,10 +1,11 @@
 import Link from 'next/link';
 import parseDate from '@ui/lib/parse-date';
 import { Badge } from '@ui/components/badge';
-import { useTranslation } from 'next-i18next';
-import { UserPopoverCard, UserPopoverCardProps } from './user-popover-card';
-import ChangeTitleDialog from './change-title-dialog';
+import { useTranslation } from '@/blog/i18n/client';
+
+import ChangeTitleDialog from '../community-profile/change-title-dialog';
 import TimeAgo from '@hive/ui/components/time-ago';
+import { UserPopoverCard, UserPopoverCardProps } from './user-popover-card';
 
 interface UserInfoProps extends UserPopoverCardProps {
   permlink: string;
diff --git a/apps/blog/components/user-popover-card.tsx b/apps/blog/features/post-rendering/user-popover-card.tsx
similarity index 89%
rename from apps/blog/components/user-popover-card.tsx
rename to apps/blog/features/post-rendering/user-popover-card.tsx
index 5bab6dfdfc475e2ad2827c161fe33e35590d9a0e..633476ba9db45f8d44bb0eae189e881dd63a1d11 100644
--- a/apps/blog/components/user-popover-card.tsx
+++ b/apps/blog/features/post-rendering/user-popover-card.tsx
@@ -1,8 +1,8 @@
-import UserAvatar from '@/blog/components/user-avatar';
+import UserAvatar from '@/blog/features/post-rendering/user-avatar';
 import accountReputation from '@/blog/lib/account-reputation';
-import { useTranslation } from 'next-i18next';
 import { Popover, PopoverContent, PopoverTrigger } from '@ui/components/popover';
-import { PopoverCardData } from './popover-card-data';
+import PopoverCardData from './popover-card-data';
+import { useTranslation } from '@/blog/i18n/client';
 
 export interface UserPopoverCardProps {
   author: string;
diff --git a/apps/blog/components/votes-details-data.tsx b/apps/blog/features/post-rendering/votes-details-data.tsx
similarity index 78%
rename from apps/blog/components/votes-details-data.tsx
rename to apps/blog/features/post-rendering/votes-details-data.tsx
index 657aa79362e1ab778c5da89885348cc7957fa441..ddce4502e59f8dfd332f462bdbef66abe18b12f2 100644
--- a/apps/blog/components/votes-details-data.tsx
+++ b/apps/blog/features/post-rendering/votes-details-data.tsx
@@ -1,11 +1,10 @@
-import { IVote } from '@transaction/lib/extended-hive.chain';
 import { prepareVotes } from '@ui/lib/utils';
-import { Entry } from '@transaction/lib/extended-hive.chain';
-import BasePathLink from './base-path-link';
-import { useActiveVotesQuery } from './hooks/use-active-votes';
-import { useTranslation } from 'next-i18next';
+import { Entry, IVote } from '@transaction/lib/extended-hive.chain';
+import BasePathLink from '../../components/base-path-link';
+import { useActiveVotesQuery } from '../../components/hooks/use-active-votes';
+import { useTranslation } from '@/blog/i18n/client';
 
-export default function VotersDetailsData({ post }: { post: Entry }) {
+const VotersDetailsData = ({ post }: { post: Entry }) => {
   const { t } = useTranslation('common_blog');
   const { data } = useActiveVotesQuery(post.author, post.permlink);
 
@@ -46,4 +45,5 @@ export default function VotersDetailsData({ post }: { post: Entry }) {
       ) : null}
     </ul>
   );
-}
+};
+export default VotersDetailsData;
diff --git a/apps/blog/features/search/account-topic-result.tsx b/apps/blog/features/search/account-topic-result.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..d339380da18694e7745a7ecdfbc7c5be1b7fc41b
--- /dev/null
+++ b/apps/blog/features/search/account-topic-result.tsx
@@ -0,0 +1,139 @@
+import { useInfiniteQuery } from '@tanstack/react-query';
+import { SearchSort } from '@ui/hooks/use-search';
+import { PER_PAGE } from './lib/utils';
+import { useEffect } from 'react';
+import { useInView } from 'react-intersection-observer';
+import { useUser } from '@smart-signer/lib/auth/use-user';
+import Loading from '@ui/components/loading';
+import { getByText } from '@transaction/lib/hive-api';
+import Link from 'next/link';
+import { Activity } from 'lucide-react';
+import { Preferences } from '@transaction/lib/app-types';
+import PostCardSkeleton from '@hive/ui/components/card-skeleton';
+import PostList from '../list-of-posts/posts-loader';
+import { useTranslation } from '@/blog/i18n/client';
+import NoDataError from '@/blog/components/no-data-error';
+import { DEFAULT_OBSERVER } from '@/blog/lib/utils';
+
+const AccountTopicResult = ({
+  author,
+  query,
+  sort,
+  nsfwPreferences
+}: {
+  query: string;
+  sort: SearchSort;
+  author?: string;
+  nsfwPreferences: Preferences['nsfw'];
+}) => {
+  const { user } = useUser();
+  const { ref, inView } = useInView();
+  const observer = user.isLoggedIn ? user.username : DEFAULT_OBSERVER;
+  const { ref: prefetchRef, inView: prefetchInView } = useInView({
+    // Start prefetching when element is 1500px from entering viewport
+    rootMargin: '1500px 0px',
+    // Only trigger once per element
+    triggerOnce: false
+  });
+
+  const { t } = useTranslation('common_blog');
+  const { data, isLoading, isFetchingNextPage, fetchNextPage, hasNextPage, isError } = useInfiniteQuery({
+    queryKey: ['similarPosts', query, author, sort],
+    queryFn: async ({ pageParam }: { pageParam?: { author: string; permlink: string } }) => {
+      return await getByText({
+        pattern: query,
+        author,
+        observer,
+        start_permlink: pageParam?.permlink ?? '',
+        start_author: pageParam?.author ?? '',
+        limit: PER_PAGE,
+        sort
+      });
+    },
+    getNextPageParam: (lastPage) => {
+      if (lastPage && lastPage.length === PER_PAGE) {
+        return {
+          author: lastPage[lastPage.length - 1].author,
+          permlink: lastPage[lastPage.length - 1].permlink
+        };
+      }
+    },
+
+    refetchOnWindowFocus: false,
+    refetchOnReconnect: false,
+    refetchOnMount: false,
+    enabled: !!query
+  });
+  // Prefetch when user is getting close to the end
+  useEffect(() => {
+    if (prefetchInView && hasNextPage && !isFetchingNextPage) {
+      fetchNextPage();
+    }
+  }, [prefetchInView, hasNextPage, isFetchingNextPage, fetchNextPage]);
+
+  // Fallback: still trigger when reaching the actual button
+  useEffect(() => {
+    if (inView && hasNextPage && !isFetchingNextPage) {
+      fetchNextPage();
+    }
+  }, [inView, hasNextPage, isFetchingNextPage, fetchNextPage]);
+
+  const totalPosts = data?.pages?.reduce((acc, page) => acc + (page?.length || 0), 0) || 0;
+
+  if (isError) return <NoDataError />;
+
+  return (
+    <div>
+      {!query ? null : isLoading ? (
+        <Loading loading={isLoading} />
+      ) : data ? (
+        data.pages.map((page, pageIndex) => {
+          return page ? (
+            <div key={`ai-${pageIndex}`}>
+              <PostList data={page} nsfwPreferences={nsfwPreferences} />
+              {/* Add prefetch trigger before the last page, when we have more than one page */}
+              {pageIndex === data.pages.length - 1 && totalPosts > 10 && (
+                <div ref={prefetchRef} className="h-1 w-full" aria-hidden="true" />
+              )}
+            </div>
+          ) : (
+            ''
+          );
+        })
+      ) : (
+        <div className="mx-auto flex flex-col items-center py-8">
+          <h3 className="py-4 text-lg">No Data Available</h3>
+          <p className="mb-4 text-center text-muted-foreground">
+            There was a problem fetching the data.
+          </p>{' '}
+          <Link
+            href="/status/settings"
+            className="mt-4 inline-flex items-center text-primary hover:underline"
+          >
+            <Activity className="mr-2 h-4 w-4" />
+            Check Node Status
+          </Link>
+        </div>
+      )}
+      <div>
+        <button
+          ref={ref}
+          onClick={() => {
+            fetchNextPage(), console.log('fetchNextPage');
+          }}
+          disabled={!hasNextPage || isFetchingNextPage}
+        >
+          {isFetchingNextPage ? (
+            <PostCardSkeleton />
+          ) : hasNextPage ? (
+            t('user_profile.load_newer')
+          ) : !isLoading ? (
+            t('user_profile.nothing_more_to_load')
+          ) : null}
+        </button>
+      </div>
+    </div>
+  );
+};
+
+export default AccountTopicResult;
diff --git a/apps/blog/feature/search/ai-result.tsx b/apps/blog/features/search/ai-result.tsx
similarity index 71%
rename from apps/blog/feature/search/ai-result.tsx
rename to apps/blog/features/search/ai-result.tsx
index 7ff83e319072a76b7159007e668db0773b1c7ad3..f09ce305d2f58666f676ce54b0a1ba87e5bb37a7 100644
--- a/apps/blog/feature/search/ai-result.tsx
+++ b/apps/blog/features/search/ai-result.tsx
@@ -1,58 +1,61 @@
+'use client';
+
 import { useQuery } from '@tanstack/react-query';
 import Loading from '@ui/components/loading';
 import { useInView } from 'react-intersection-observer';
 import { useEffect, useState, useMemo } from 'react';
 import { useUser } from '@smart-signer/lib/auth/use-user';
-import { useTranslation } from 'next-i18next';
-import { searchPosts, getPostsByIds, isPostStub } from '@/blog/lib/get-data';
 import { Entry, PostStub } from '@transaction/lib/extended-hive.chain';
 import { PER_PAGE } from './lib/utils';
-import PostList from '@/blog/components/post-list';
-import { Preferences } from '@/blog/lib/utils';
+import { DEFAULT_OBSERVER, Preferences } from '@/blog/lib/utils';
 import PostCardSkeleton from '@ui/components/card-skeleton';
+import PostList from '../list-of-posts/posts-loader';
+import { useTranslation } from '@/blog/i18n/client';
+import { getPostsByIds, isPostStub, searchPosts } from '@transaction/lib/hivesense-api';
 
 const AIResult = ({ query, nsfwPreferences }: { query: string; nsfwPreferences: Preferences['nsfw'] }) => {
   const { user } = useUser();
   const { ref, inView } = useInView();
   const { t } = useTranslation('common_blog');
-  
+  const observer = user.isLoggedIn ? user.username : DEFAULT_OBSERVER;
   const [currentPage, setCurrentPage] = useState(0);
   const [displayedPosts, setDisplayedPosts] = useState<Entry[]>([]);
   const [isLoadingMore, setIsLoadingMore] = useState(false);
 
   // Fetch all results in a single call
-  const { data: searchResults, isLoading, isFetching, error } = useQuery(
-    ['searchPosts', query],
-    async () => {
-      if (!query) return null;
-      
+  const {
+    data: searchResults,
+    isLoading,
+    isFetching,
+    error
+  } = useQuery({
+    queryKey: ['searchPosts', query],
+    queryFn: async () => {
       return await searchPosts({
         query,
-        observer: user.username !== '' ? user.username : 'hive.blog',
+        observer,
         result_limit: 1000, // Get up to 1000 results
         full_posts: PER_PAGE // Get first page fully expanded
       });
     },
-    {
-      refetchOnWindowFocus: false,
-      refetchOnReconnect: false,
-      refetchOnMount: false,
-      enabled: !!query,
-      staleTime: 5 * 60 * 1000 // Cache for 5 minutes
-    }
-  );
+    refetchOnWindowFocus: false,
+    refetchOnReconnect: false,
+    refetchOnMount: false,
+    enabled: !!query,
+    staleTime: 5 * 60 * 1000 // Cache for 5 minutes
+  });
 
   // Separate full posts and stubs
   const { fullPosts, stubPosts } = useMemo(() => {
     if (!searchResults) return { fullPosts: [], stubPosts: [] };
-    
+
     const full: Entry[] = [];
     const stubs: PostStub[] = [];
-    
-    searchResults.forEach(post => {
+
+    searchResults.forEach((post) => {
       // Filter out null or invalid posts
       if (!post) return;
-      
+
       if (isPostStub(post)) {
         stubs.push(post);
       } else {
@@ -62,7 +65,7 @@ const AIResult = ({ query, nsfwPreferences }: { query: string; nsfwPreferences:
         }
       }
     });
-    
+
     return { fullPosts: full, stubPosts: stubs };
   }, [searchResults]);
 
@@ -83,33 +86,33 @@ const AIResult = ({ query, nsfwPreferences }: { query: string; nsfwPreferences:
   // Load next page of posts
   const fetchNextPage = async () => {
     if (!hasNextPage || isLoadingMore) return;
-    
+
     setIsLoadingMore(true);
-    
+
     try {
       // Calculate which stubs to fetch
       const startIndex = (currentPage - 1) * PER_PAGE;
       const endIndex = Math.min(startIndex + PER_PAGE, stubPosts.length);
       const stubsToFetch = stubPosts.slice(startIndex, endIndex);
-      
+
       if (stubsToFetch.length === 0) {
         setIsLoadingMore(false);
         return;
       }
-      
+
       // Fetch full post data for the stubs
       const fullPostData = await getPostsByIds({
         posts: stubsToFetch,
-        observer: user.username !== '' ? user.username : 'hive.blog'
+        observer
       });
-      
+
       if (fullPostData) {
         // Filter out null or invalid posts before adding to displayed posts
-        const validPosts = fullPostData.filter(post => post && post.post_id);
+        const validPosts = fullPostData.filter((post) => post && post.post_id);
         if (validPosts.length > 0) {
-          setDisplayedPosts(prev => [...prev, ...validPosts]);
+          setDisplayedPosts((prev) => [...prev, ...validPosts]);
         }
-        setCurrentPage(prev => prev + 1);
+        setCurrentPage((prev) => prev + 1);
       }
     } catch (error) {
       console.error('Error fetching next page:', error);
@@ -132,25 +135,23 @@ const AIResult = ({ query, nsfwPreferences }: { query: string; nsfwPreferences:
   }, [query]);
 
   if (!query) return null;
-  
+
   if (isLoading) {
     return <Loading loading={isLoading} />;
   }
-  
+
   if (error) {
     return <div>Error loading search results</div>;
   }
-  
+
   if (!searchResults || searchResults.length === 0) {
     return <div>{t('search.no_results')}</div>;
   }
 
   return (
     <div>
-      {displayedPosts.length > 0 && (
-        <PostList data={displayedPosts} nsfwPreferences={nsfwPreferences} />
-      )}
-      
+      {displayedPosts.length > 0 && <PostList data={displayedPosts} nsfwPreferences={nsfwPreferences} />}
+
       <div>
         <button
           ref={ref}
@@ -158,21 +159,13 @@ const AIResult = ({ query, nsfwPreferences }: { query: string; nsfwPreferences:
           disabled={!hasNextPage || isLoadingMore}
           style={{ display: hasNextPage ? 'block' : 'none' }}
         >
-          {isLoadingMore ? (
-            <PostCardSkeleton />
-          ) : hasNextPage ? (
-            t('user_profile.load_newer')
-          ) : null}
+          {isLoadingMore ? <PostCardSkeleton /> : hasNextPage ? t('user_profile.load_newer') : null}
         </button>
-        
-        {!hasNextPage && displayedPosts.length > 0 && (
-          <div>{t('user_profile.nothing_more_to_load')}</div>
-        )}
+
+        {!hasNextPage && displayedPosts.length > 0 && <div>{t('user_profile.nothing_more_to_load')}</div>}
       </div>
-      
-      {isFetching && !isLoadingMore && (
-        <div>Background Updating...</div>
-      )}
+
+      {isFetching && !isLoadingMore && <div>Background Updating...</div>}
     </div>
   );
 };
diff --git a/apps/blog/feature/search/lib/utils.ts b/apps/blog/features/search/lib/utils.ts
similarity index 100%
rename from apps/blog/feature/search/lib/utils.ts
rename to apps/blog/features/search/lib/utils.ts
diff --git a/apps/blog/features/static-pages/content-component.tsx b/apps/blog/features/static-pages/content-component.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..6ba683a72748b9a37bb68dc3d3c049d1de30aced
--- /dev/null
+++ b/apps/blog/features/static-pages/content-component.tsx
@@ -0,0 +1,30 @@
+import { Remarkable } from 'remarkable';
+import path from 'path';
+import fs from 'fs';
+
+const StaticContent = ({ filename }: { filename: string }) => {
+  const file_path = path.join('lib', 'markdowns', filename);
+  const data = fs.readFileSync(file_path, { encoding: 'utf8', flag: 'r' });
+  const renderer = new Remarkable({
+    html: true,
+    xhtmlOut: true,
+    typographer: false,
+    quotes: '“”‘’'
+  });
+  const content = renderer.render(data);
+  return (
+    <>
+      <div className="mx-auto my-12 max-w-3xl px-4">
+        <div
+          id="articleBody"
+          className="prose"
+          dangerouslySetInnerHTML={{
+            __html: content
+          }}
+        />
+      </div>
+    </>
+  );
+};
+
+export default StaticContent;
diff --git a/apps/blog/feature/suggestions-posts/animated-tab.tsx b/apps/blog/features/suggestions-posts/animated-tab.tsx
similarity index 93%
rename from apps/blog/feature/suggestions-posts/animated-tab.tsx
rename to apps/blog/features/suggestions-posts/animated-tab.tsx
index 1420934b7acd5aa307914b5a7d57779c4312ecc3..0b16320f531b22d1f37c59d8f55f0d1416c09da7 100644
--- a/apps/blog/feature/suggestions-posts/animated-tab.tsx
+++ b/apps/blog/features/suggestions-posts/animated-tab.tsx
@@ -1,5 +1,5 @@
-import SuggestionsList from '@/blog/feature/suggestions-posts/list';
-import { useUser } from '@smart-signer/lib/auth/use-user';
+import SuggestionsList from '@/blog/features/suggestions-posts/list';
+import { useUserClient } from '@smart-signer/lib/auth/use-user-client';
 import { Entry } from '@transaction/lib/extended-hive.chain';
 import { Button, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@ui/components';
 import { motion, AnimatePresence } from 'framer-motion';
@@ -7,7 +7,7 @@ import { ArrowBigLeftDash, ArrowBigRightDash } from 'lucide-react';
 import { useLocalStorage } from 'usehooks-ts';
 
 const AnimatedList = ({ suggestions }: { suggestions: Entry[] }) => {
-  const { user } = useUser();
+  const { user } = useUserClient();
   const [showSuggestions, storeShowSuggestions] = useLocalStorage<Boolean>(
     `showSuggestions-/${user.username}`,
     true
diff --git a/apps/blog/feature/suggestions-posts/card.tsx b/apps/blog/features/suggestions-posts/card.tsx
similarity index 86%
rename from apps/blog/feature/suggestions-posts/card.tsx
rename to apps/blog/features/suggestions-posts/card.tsx
index 4982da73790375301f429df99d1793a88b255ffe..e4758d44a7ada3300742bf1c4d523ac60bced33d 100644
--- a/apps/blog/feature/suggestions-posts/card.tsx
+++ b/apps/blog/features/suggestions-posts/card.tsx
@@ -1,5 +1,5 @@
 import { Entry } from '@transaction/lib/extended-hive.chain';
-import { find_first_img } from '../../components/post-img';
+import { find_first_img } from '../list-of-posts/post-img';
 import Link from 'next/link';
 import { proxifyImageUrl } from '@ui/lib/old-profixy';
 import { useState } from 'react';
@@ -22,18 +22,14 @@ const SuggestionsCard = ({ entry }: { entry: Entry }) => {
                 <source
                   srcSet={proxifyImageUrl(image, '256x512').replace(/ /g, '%20')}
                   media="(min-width: 600px)"
-                  onError={() =>
-                    setImage(getDefaultImageUrl())
-                  }
+                  onError={() => setImage(getDefaultImageUrl())}
                 />
                 <img
                   srcSet={image}
                   alt="Post image"
                   loading="lazy"
                   className="w-full"
-                  onError={() =>
-                    setImage(getDefaultImageUrl())
-                  }
+                  onError={() => setImage(getDefaultImageUrl())}
                 />
               </picture>
             </div>
diff --git a/apps/blog/feature/suggestions-posts/list.tsx b/apps/blog/features/suggestions-posts/list.tsx
similarity index 100%
rename from apps/blog/feature/suggestions-posts/list.tsx
rename to apps/blog/features/suggestions-posts/list.tsx
diff --git a/apps/blog/features/tags-pages/list-of-posts.tsx b/apps/blog/features/tags-pages/list-of-posts.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..91b79752f45bcb1305e8de14b1e3fa400c3179ae
--- /dev/null
+++ b/apps/blog/features/tags-pages/list-of-posts.tsx
@@ -0,0 +1,102 @@
+'use client';
+
+import { useEffect } from 'react';
+import { useInfiniteQuery } from '@tanstack/react-query';
+import { useInView } from 'react-intersection-observer';
+import { getPostsRanked } from '@transaction/lib/bridge-api';
+import { useUser } from '@smart-signer/lib/auth/use-user';
+import { useLocalStorage } from 'usehooks-ts';
+import { DEFAULT_OBSERVER, DEFAULT_PREFERENCES, Preferences, SortTypes } from '@/blog/lib/utils';
+import { useTranslation } from '@/blog/i18n/client';
+import { Entry } from '@transaction/lib/extended-hive.chain';
+import PostList from '../list-of-posts/posts-loader';
+import NoDataError from '@/blog/components/no-data-error';
+
+const SortedPagesPosts = ({ sort, tag = '' }: { sort: SortTypes; tag?: string }) => {
+  const { user } = useUser();
+  const observer = user.isLoggedIn ? user.username : DEFAULT_OBSERVER;
+  const { t } = useTranslation('common_blog');
+  const { ref, inView } = useInView();
+  // Create a separate ref for prefetching - triggers earlier than the main ref
+  const { ref: prefetchRef, inView: prefetchInView } = useInView({
+    // Start prefetching when element is 1500px from entering viewport
+    rootMargin: '1500px 0px',
+    // Only trigger once per element
+    triggerOnce: false
+  });
+
+  const [preferences] = useLocalStorage<Preferences>(
+    `user-preferences-${user.username}`,
+    DEFAULT_PREFERENCES
+  );
+
+  const { data, isFetching, isFetchingNextPage, fetchNextPage, hasNextPage, isError } = useInfiniteQuery({
+    queryKey: ['entriesInfinite', sort, tag],
+    queryFn: async ({ pageParam }) => {
+      const { author, permlink } = (pageParam as { author?: string; permlink?: string }) || {};
+      const postsData = await getPostsRanked(sort, tag, author ?? '', permlink ?? '', observer);
+      return postsData ?? [];
+    },
+    getNextPageParam: (lastPage: Entry[]) => {
+      if (!Array.isArray(lastPage) || lastPage.length === 0) return undefined;
+      const last = lastPage[lastPage.length - 1] as { author?: string; permlink?: string };
+      if (!last?.author || !last?.permlink) return undefined;
+      return { author: last.author, permlink: last.permlink };
+    }
+  });
+
+  // Prefetch when user is getting close to the end
+  useEffect(() => {
+    if (prefetchInView && hasNextPage && !isFetchingNextPage) {
+      fetchNextPage();
+    }
+  }, [prefetchInView, hasNextPage, isFetchingNextPage, fetchNextPage]);
+
+  // Fallback: still trigger when reaching the actual button
+  useEffect(() => {
+    if (inView && hasNextPage && !isFetchingNextPage) {
+      fetchNextPage();
+    }
+  }, [inView, hasNextPage, isFetchingNextPage, fetchNextPage]);
+
+  // Calculate total posts to determine when to show prefetch trigger
+  const totalPosts = data?.pages?.reduce((acc, page) => acc + (page?.length || 0), 0) || 0;
+
+
+  return (
+    <>
+      {!data
+        ? null
+        : data.pages.map((page, pageIndex) => {
+            return page ? (
+              <div key={`page-${pageIndex}`}>
+                <PostList
+                  nsfwPreferences={preferences.nsfw}
+                  data={page}
+                  key={`f-${pageIndex}`}
+                  isCommunityPage={false}
+                  testFilter={sort}
+                />
+                {/* Add prefetch trigger before the last page, when we have more than one page */}
+                {pageIndex === data.pages.length - 1 && totalPosts > 10 && (
+                  <div ref={prefetchRef} className="h-1 w-full" aria-hidden="true" />
+                )}
+              </div>
+            ) : null;
+          })}
+      <div>
+        <button ref={ref} onClick={() => fetchNextPage()} disabled={!hasNextPage || isFetchingNextPage}>
+          {isFetchingNextPage && !!data && data.pages.length > 0 ? (
+            <div>Loading...</div>
+          ) : hasNextPage ? (
+            t('user_profile.load_newer')
+          ) : (
+            t('user_profile.nothing_more_to_load')
+          )}
+        </button>
+      </div>
+      <div>{isFetching && !isFetchingNextPage ? 'Background Updating...' : null}</div>
+    </>
+  );
+};
+export default SortedPagesPosts;
diff --git a/apps/blog/features/tags-pages/sort-page.tsx b/apps/blog/features/tags-pages/sort-page.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..26a79193bf22a79ba15a68515a6c3c95cbb3e4b5
--- /dev/null
+++ b/apps/blog/features/tags-pages/sort-page.tsx
@@ -0,0 +1,37 @@
+import { getObserverFromCookies } from '@/blog/lib/auth-utils';
+import { getQueryClient } from '@/blog/lib/react-query';
+import { SortTypes } from '@/blog/lib/utils';
+import { dehydrate, Hydrate } from '@tanstack/react-query';
+import { getPostsRanked } from '@transaction/lib/bridge-api';
+import { Entry } from '@transaction/lib/extended-hive.chain';
+import { ReactNode } from 'react';
+
+const SortPage = async ({
+  children,
+  sort,
+  tag = ''
+}: {
+  children: ReactNode;
+  sort: SortTypes;
+  tag?: string;
+}) => {
+  const queryClient = getQueryClient();
+  const observer = getObserverFromCookies();
+  await queryClient.prefetchInfiniteQuery({
+    queryKey: ['entriesInfinite', sort, tag],
+    queryFn: async ({ pageParam }) => {
+      const { author, permlink } = (pageParam as { author?: string; permlink?: string }) || {};
+      const postsData = await getPostsRanked(sort, tag, author ?? '', permlink ?? '', observer);
+      return postsData ?? [];
+    },
+    getNextPageParam: (lastPage: Entry[]) => {
+      if (!Array.isArray(lastPage) || lastPage.length === 0) return undefined;
+      const last = lastPage[lastPage.length - 1] as { author?: string; permlink?: string };
+      if (!last?.author || !last?.permlink) return undefined;
+      return { author: last.author, permlink: last.permlink };
+    }
+  });
+  return <Hydrate state={dehydrate(queryClient)}>{children}</Hydrate>;
+};
+
+export default SortPage;
diff --git a/apps/blog/components/common/logged-user.tsx b/apps/blog/features/votes/hooks/use-logged-user.tsx
similarity index 84%
rename from apps/blog/components/common/logged-user.tsx
rename to apps/blog/features/votes/hooks/use-logged-user.tsx
index a78bbbb8eb82c7d1bc3f4eac713a3eed522f147a..8443e03facea1086936c508c31f6cbbf3a740978 100644
--- a/apps/blog/components/common/logged-user.tsx
+++ b/apps/blog/features/votes/hooks/use-logged-user.tsx
@@ -1,9 +1,9 @@
 import { useUser } from '@smart-signer/lib/auth/use-user';
 import { createContext, FC, useContext } from 'react';
 import { useQuery } from '@tanstack/react-query';
-import { getAccount } from '@transaction/lib/hive';
 import { netVests } from '@/blog/lib/utils';
 import { FullAccount } from '@transaction/lib/app-types';
+import { getAccount } from '@transaction/lib/hive-api';
 
 type LoggedUserContextType = {
   loggedUser: FullAccount | undefined;
@@ -22,7 +22,9 @@ export const useLoggedUserContext = () => {
 
 export const LoggedUserProvider: FC<{ children: React.ReactNode }> = ({ children }) => {
   const { user } = useUser();
-  const { data: accountData } = useQuery(['accountData', user.username], () => getAccount(user.username), {
+  const { data: accountData } = useQuery({
+    queryKey: ['accountData', user.username],
+    queryFn: () => getAccount(user.username),
     enabled: !!user.username
   });
   const net_vests = accountData ? netVests(accountData) : 0;
diff --git a/apps/blog/components/hooks/use-vote-mutation.ts b/apps/blog/features/votes/hooks/use-vote-mutation.ts
similarity index 100%
rename from apps/blog/components/hooks/use-vote-mutation.ts
rename to apps/blog/features/votes/hooks/use-vote-mutation.ts
diff --git a/apps/blog/components/votes.tsx b/apps/blog/features/votes/votes-component.tsx
similarity index 92%
rename from apps/blog/components/votes.tsx
rename to apps/blog/features/votes/votes-component.tsx
index 5da0a3a54fb4839d2c9cb05e19b91eb8415d8f1a..299861593190b0f0a7ffbdcc2d22989ddf7d68f8 100644
--- a/apps/blog/components/votes.tsx
+++ b/apps/blog/features/votes/votes-component.tsx
@@ -1,24 +1,22 @@
-import dynamic from 'next/dynamic';
+'use client';
+
+import { ReactNode, useEffect, useState } from 'react';
+import { useLocalStorage } from 'usehooks-ts';
+import clsx from 'clsx';
+import { CircleSpinner } from 'react-spinners-kit';
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@ui/components/tooltip';
-import { useUser } from '@smart-signer/lib/auth/use-user';
+import { Slider } from '@ui/components/slider';
+import { handleError } from '@ui/lib/handle-error';
 import { Icons } from '@ui/components/icons';
-import DialogLogin from './dialog-login';
-import clsx from 'clsx';
-import { useTranslation } from 'next-i18next';
-import { ReactNode, useEffect, useState } from 'react';
-import { useVoteMutation } from '../components/hooks/use-vote-mutation';
+import { useUser } from '@smart-signer/lib/auth/use-user';
+import DialogLogin from '@/blog/components/dialog-login';
 import { useQuery } from '@tanstack/react-query';
-import { CircleSpinner } from 'react-spinners-kit';
-import { getListVotesByCommentVoter } from '@transaction/lib/hive';
-import { getLogger } from '@ui/lib/logging';
+import { getListVotesByCommentVoter } from '@transaction/lib/hive-api';
 import { Entry } from '@transaction/lib/extended-hive.chain';
-import { Slider } from '@ui/components/slider';
 import { Popover, PopoverTrigger, PopoverContent } from '@ui/components/popover';
-import { useLoggedUserContext } from './common/logged-user';
-import { handleError } from '@ui/lib/handle-error';
-import { useLocalStorage } from 'usehooks-ts';
-
-const logger = getLogger('app');
+import { useLoggedUserContext } from '@/blog/features/votes/hooks/use-logged-user';
+import { useTranslation } from '@/blog/i18n/client';
+import { useVoteMutation } from './hooks/use-vote-mutation';
 
 const VOTE_WEIGHT_DROPDOWN_THRESHOLD = 1.0 * 1000.0 * 1000.0;
 
@@ -54,23 +52,21 @@ const VotesComponent = ({ post, type }: { post: Entry; type: 'comment' | 'post'
   useEffect(() => {
     setSliderDownvote(type === 'post' ? storedVotesValues.post.downvote : storedVotesValues.comment.downvote);
   }, [type, storedVotesValues.post.downvote, storedVotesValues.comment.downvote]);
-  const checkVote = post.active_votes.find((e) => e.voter === user?.username);
+  const checkVote = post.active_votes.find((e) => e.voter === voter);
 
-  const { data: userVotes } = useQuery(
-    ['votes', post.author, post.permlink, user?.username],
-    () => getListVotesByCommentVoter([post.author, post.permlink, user?.username], 1),
-    {
-      enabled: !!checkVote || !!clickedVoteButton,
-      refetchOnWindowFocus: false,
-      refetchOnReconnect: false,
-      refetchOnMount: false
-    }
-  );
+  const { data: userVotes } = useQuery({
+    queryKey: ['votes', post.author, post.permlink, user?.username],
+    queryFn: () => getListVotesByCommentVoter([post.author, post.permlink, user?.username], 1),
+    enabled: !!checkVote || !!clickedVoteButton,
+    refetchOnWindowFocus: false,
+    refetchOnReconnect: false,
+    refetchOnMount: false
+  });
   const { net_vests } = useLoggedUserContext();
   const enable_slider = net_vests > VOTE_WEIGHT_DROPDOWN_THRESHOLD;
 
   const userVote =
-    userVotes?.votes[0] && userVotes?.votes[0].voter === user.username ? userVotes.votes[0] : undefined;
+    userVotes?.votes[0] && userVotes?.votes[0].voter === voter ? userVotes.votes[0] : undefined;
   const voteMutation = useVoteMutation();
   const vote_upvoted = userVote ? userVote.vote_percent > 0 : false;
   const vote_downvoted = userVote ? userVote.vote_percent < 0 : false;
@@ -169,7 +165,7 @@ const VotesComponent = ({ post, type }: { post: Entry; type: 'comment' | 'post'
         </Popover>
       ) : user.isLoggedIn ? (
         <TooltipContainer
-          loading={voteMutation.isLoading || !!userVote?._temporary}
+          loading={voteMutation.isPending || !!userVote?._temporary}
           text={
             userVote && userVote.vote_percent > 0
               ? userVote.vote_percent === 10000 && !enable_slider
@@ -361,13 +357,7 @@ const VotesComponent = ({ post, type }: { post: Entry; type: 'comment' | 'post'
   );
 };
 
-// Create a client-side only version of the component
-const VotesComponentNoSSR = dynamic(() => Promise.resolve(VotesComponent), {
-  ssr: false
-});
-
-// Export the client-side only version
-export default VotesComponentNoSSR;
+export default VotesComponent;
 
 const TooltipContainer = ({
   children,
diff --git a/apps/blog/i18n/client.ts b/apps/blog/i18n/client.ts
new file mode 100644
index 0000000000000000000000000000000000000000..2c5f6cf00b5bd212e645f41b7692fa4f0fd58cad
--- /dev/null
+++ b/apps/blog/i18n/client.ts
@@ -0,0 +1,50 @@
+'use client';
+
+import { useEffect, useLayoutEffect, useState } from 'react';
+import i18next from 'i18next';
+import { initReactI18next, useTranslation as useTranslationOrg } from 'react-i18next';
+import resourcesToBackend from 'i18next-resources-to-backend';
+import { getOptions, languages, cookieName, defaultLocale } from './settings';
+
+import { isServer } from '@tanstack/react-query';
+
+i18next
+  .use(initReactI18next)
+  .use(
+    resourcesToBackend(
+      (language: string, namespace: string) => import(`../locales/${language}/${namespace}.json`)
+    )
+  )
+  .init({
+    ...getOptions(),
+    lng: undefined, // let detect the language on client side
+    detection: {
+      order: ['cookie', 'path', 'htmlTag', 'navigator'],
+      cookieName
+    },
+    preload: isServer ? languages : []
+  });
+
+export function useTranslation(ns: string, options?: any) {
+  const ret = useTranslationOrg(ns, options);
+
+  // const { i18n } = ret;
+  // if (isServer && lng && i18n.resolvedLanguage !== lng) {
+  //   i18n.changeLanguage(lng);
+  // } else {
+  //   // eslint-disable-next-line react-hooks/rules-of-hooks
+  //   const [activeLng, setActiveLng] = useState(i18n.resolvedLanguage);
+  //   // eslint-disable-next-line react-hooks/rules-of-hooks
+  //   useEffect(() => {
+  //     if (activeLng === i18n.resolvedLanguage) return;
+  //     setActiveLng(i18n.resolvedLanguage);
+  //   }, [activeLng, i18n.resolvedLanguage]);
+  //   // eslint-disable-next-line react-hooks/rules-of-hooks
+  //   useEffect(() => {
+  //     if (!lng || i18n.resolvedLanguage === lng) return;
+  //     i18n.changeLanguage(lng);
+  //   }, [lng, i18n]);
+  //   // eslint-disable-next-line react-hooks/rules-of-hooks
+  // }
+  return ret;
+}
diff --git a/apps/blog/i18n/server.ts b/apps/blog/i18n/server.ts
new file mode 100644
index 0000000000000000000000000000000000000000..42a2d73b835c8ad29085b3fd91cc81fa132f4064
--- /dev/null
+++ b/apps/blog/i18n/server.ts
@@ -0,0 +1,27 @@
+import { createInstance } from 'i18next';
+import resourcesToBackend from 'i18next-resources-to-backend';
+import { initReactI18next } from 'react-i18next/initReactI18next';
+import { getOptions, cookieName, defaultLocale } from './settings';
+import { cookies } from 'next/headers';
+
+const initI18next = async (lng: string, ns: string) => {
+  const i18nInstance = createInstance();
+  await i18nInstance
+    .use(initReactI18next)
+    .use(
+      resourcesToBackend(
+        (language: string, namespace: string) => import(`../locales/${language}/${namespace}.json`)
+      )
+    )
+    .init(getOptions(lng, ns));
+  return i18nInstance;
+};
+
+export async function useTranslation(ns: string, options: any = {}) {
+  const lng = cookies().get(cookieName)?.value ?? defaultLocale;
+  const i18nextInstance = await initI18next(lng, ns);
+  return {
+    t: i18nextInstance.getFixedT(lng, Array.isArray(ns) ? ns[0] : ns, options.keyPrefix),
+    i18n: i18nextInstance
+  };
+}
diff --git a/apps/blog/i18n/settings.ts b/apps/blog/i18n/settings.ts
new file mode 100644
index 0000000000000000000000000000000000000000..61d717d7a285df76602a967b957201283adfcfb1
--- /dev/null
+++ b/apps/blog/i18n/settings.ts
@@ -0,0 +1,16 @@
+export const defaultLocale = 'en';
+export const languages = ['ar', 'en', 'es', 'fr', 'it', 'ja', 'pl', 'ru', 'zh'];
+export const defaultNS = 'common_blog';
+export const cookieName = 'NEXT_LOCALE';
+
+export function getOptions(lng = defaultLocale, ns = defaultNS) {
+  return {
+    // debug: true,
+    supportedLngs: languages,
+    fallbackLng: defaultLocale,
+    lng,
+    fallbackNS: defaultNS,
+    defaultNS,
+    ns
+  };
+}
diff --git a/apps/blog/lib/auth-utils.ts b/apps/blog/lib/auth-utils.ts
new file mode 100644
index 0000000000000000000000000000000000000000..033466b5bbec0881a5f0af73826a1605f44fb764
--- /dev/null
+++ b/apps/blog/lib/auth-utils.ts
@@ -0,0 +1,20 @@
+import { cookies } from 'next/headers';
+import { parseAuthProofCookie, AUTH_PROOF_COOKIE_NAME } from '@hive/middleware/lib/auth-proof-cookie';
+import { DEFAULT_OBSERVER } from './utils';
+
+/**
+ * Server-side function to extract observer from authentication cookies
+ *
+ * @returns {string} The observer from auth proof cookie, or empty string if not found
+ */
+export function getObserverFromCookies(): string {
+  const cookieStore = cookies();
+  const authCookie = cookieStore.get(AUTH_PROOF_COOKIE_NAME);
+
+  if (authCookie) {
+    const cookieData = parseAuthProofCookie(authCookie.value);
+    return cookieData?.username || DEFAULT_OBSERVER;
+  }
+
+  return DEFAULT_OBSERVER;
+}
diff --git a/apps/blog/lib/get-translations.ts b/apps/blog/lib/get-metadata.ts
similarity index 60%
rename from apps/blog/lib/get-translations.ts
rename to apps/blog/lib/get-metadata.ts
index 33c3bb5b7e1eeef55e25014338317d7a3433dc13..a60592073a208c68a6da5b16b6514b75d83326a4 100644
--- a/apps/blog/lib/get-translations.ts
+++ b/apps/blog/lib/get-metadata.ts
@@ -1,37 +1,5 @@
-import { GetStaticPropsContext, GetServerSidePropsContext, GetServerSideProps } from 'next';
-import { serverSideTranslations } from 'next-i18next/serverSideTranslations';
-import { i18n } from '@/blog/next-i18next.config';
-import { getAccountFull } from '@transaction/lib/hive';
-import { getCommunity } from '@transaction/lib/bridge';
-
-// Unified getTranslations function supporting both SSR and SSG
-export const getTranslations = async (
-  ctx: GetServerSidePropsContext | GetStaticPropsContext, // Accept both context types
-  localeFiles: string[] = ['common_blog', 'smart-signer']
-) => {
-  // Determine locale based on context type
-  let locale = i18n.defaultLocale; // Fallback to default locale
-
-  // Check if context has the `locale` field (from getStaticProps)
-
-  // Check if context has the `req` object (from getServerSideProps)
-  if ('req' in ctx) {
-    locale = ctx.req.cookies.NEXT_LOCALE || i18n.defaultLocale;
-  } else if ('locale' in ctx) {
-    locale = ctx.locale || i18n.defaultLocale;
-  }
-
-  // Fetch translations using the determined locale
-  return await serverSideTranslations(locale, localeFiles);
-};
-
-export const getDefaultProps = async (ctx: GetStaticPropsContext | GetServerSidePropsContext) => {
-  return {
-    props: {
-      ...(await getTranslations(ctx))
-    }
-  };
-};
+import { getAccountFull } from '@transaction/lib/hive-api';
+import { getCommunity } from '@transaction/lib/bridge-api';
 
 export const getAccountMetadata = async (
   firstParam: string,
@@ -84,13 +52,13 @@ export const getCommunityMetadata = async (
   };
 
   try {
-      if(secondParam === '') {
-        const defaultMetadata = {
-          tabTitle: '',
-          description: '',
-          image: 'https://hive.blog/images/hive-blog-share.png',
-          title: firstParam
-      };  
+    if (secondParam === '') {
+      const defaultMetadata = {
+        tabTitle: '',
+        description: '',
+        image: 'https://hive.blog/images/hive-blog-share.png',
+        title: firstParam
+      };
       return defaultMetadata;
     }
     // Fetch community data
diff --git a/apps/blog/lib/react-query.ts b/apps/blog/lib/react-query.ts
new file mode 100644
index 0000000000000000000000000000000000000000..a2d25b3a73308aa9bdfc14dac8a425543b26bf97
--- /dev/null
+++ b/apps/blog/lib/react-query.ts
@@ -0,0 +1,27 @@
+import { QueryClient, isServer } from '@tanstack/react-query';
+
+function makeQueryClient() {
+  return new QueryClient({
+    defaultOptions: {
+      queries: {
+        staleTime: 60 * 1000 // *10,
+      }
+    }
+  });
+}
+
+let browserQueryClient: QueryClient | undefined = undefined;
+
+export function getQueryClient() {
+  if (isServer) {
+    // Server: always make a new query client
+    return makeQueryClient();
+  } else {
+    // Browser: make a new query client if we don't already have one
+    // This is very important, so we don't re-make a new client if React
+    // suspends during the initial render. This may not be needed if we
+    // have a suspense boundary BELOW the creation of the query client
+    if (!browserQueryClient) browserQueryClient = makeQueryClient();
+    return browserQueryClient;
+  }
+}
diff --git a/apps/blog/lib/utils.ts b/apps/blog/lib/utils.ts
index aa4e5d0f103ed8112f1edc3eee42e1de7ed03c70..aed4a3a2624df89bcf55c612fee06411ec5b9f10 100644
--- a/apps/blog/lib/utils.ts
+++ b/apps/blog/lib/utils.ts
@@ -5,10 +5,10 @@ import { JsonMetadata } from '@transaction/lib/extended-hive.chain';
 import moment from 'moment';
 import { TFunction } from 'i18next';
 import { FullAccount } from '@transaction/lib/app-types';
-import { getRenderer } from './renderer';
 import { proxifyImageSrc } from '@hive/ui';
 
 export const DEFAULT_OBSERVER = 'hive.blog';
+export type SortTypes = 'trending' | 'hot' | 'created' | 'payout' | 'muted';
 
 export interface Preferences {
   nsfw: 'hide' | 'warn' | 'show';
@@ -228,12 +228,6 @@ export function formatDecimal(value: number, decPlaces = 2, truncate0s = true) {
   ];
 }
 
-export function extractUrlsFromJsonString(jsonString: string): string[] {
-  const urlRegex = /((?:https?:\/\/|www\.)[^\s]+)/g;
-  const matches = jsonString.match(urlRegex);
-  return matches || [];
-}
-
 export function extractLinks(text: string): string[] {
   const urlRegex = /https?:\\?\/\\?\/[^\s]+/g;
   const markdownImageRegex = /!\[.*?\]\((https?:\\?\/\\?\/[^\s]+)\)/g;
@@ -265,42 +259,6 @@ export function extractLinks(text: string): string[] {
   return matches;
 }
 
-/**
- * Finds all images in markdown content, so also in html content, and
- * returns their `src` attribute.
- *
- * @export
- * @param {string} markdownContent
- * @return {*}  {string[]}
- */
-export function extractImagesSrc(markdownContent: string): string[] {
-  if (markdownContent === '') return [];
-  const parser = new DOMParser();
-  const doc = parser.parseFromString(getRenderer('').render(markdownContent), 'text/html');
-  const images = doc.getElementsByTagName('img');
-  const result = [];
-  for (let i = 0; i < images.length; i++) {
-    // logger.info('extractImages found image src: %o', images[i].src);
-    result.push(images[i].src);
-  }
-  return result;
-}
-
-export function extractYouTubeVideoIds(urls: string[]): string[] {
-  const youtubeLinkRegex =
-    /(?:https?:\/\/)?(?:www\.)?(?:youtube\.com|youtu\.be)\/(?:watch\?v=|embed|shorts\/|v\/)?([a-zA-Z0-9_-]+)/i;
-
-  const youtubeVideoIds: string[] = [];
-  for (const url of urls) {
-    const match = url.match(youtubeLinkRegex);
-    if (match && match[1]) {
-      youtubeVideoIds.push(match[1]);
-    }
-  }
-
-  return youtubeVideoIds;
-}
-
 export function extractPictureFromPostBody(urls: string[]): string[] {
   const picturesRegex = /(?:https?:\/\/)?(?:images\.hive\.blog)\/([a-zA-Z0-9_\/-]+\.(jpeg|png|jpg|webp))/i;
 
@@ -392,3 +350,23 @@ export function compareDates(dateStrings: string[]) {
 
   return closestDate.format('YYYY-MM-DDTHH:mm:ss');
 }
+
+export function extractUrlsFromJsonString(jsonString: string): string[] {
+  const urlRegex = /((?:https?:\/\/|www\.)[^\s]+)/g;
+  const matches = jsonString.match(urlRegex);
+  return matches || [];
+}
+
+export function extractYouTubeVideoIds(urls: string[]): string[] {
+  const youtubeLinkRegex =
+    /(?:https?:\/\/)?(?:www\.)?(?:youtube\.com|youtu\.be)\/(?:watch\?v=|embed|shorts\/|v\/)?([a-zA-Z0-9_-]+)/i;
+
+  const youtubeVideoIds: string[] = [];
+  for (const url of urls) {
+    const match = url.match(youtubeLinkRegex);
+    if (match && match[1]) {
+      youtubeVideoIds.push(match[1]);
+    }
+  }
+  return youtubeVideoIds;
+}
diff --git a/apps/blog/next.config.js b/apps/blog/next.config.js
index 9e62d7f9c300293675f16cd26023318433a7556a..c24f8b76a67600046f065e68e751ec9ab7b68ca3 100644
--- a/apps/blog/next.config.js
+++ b/apps/blog/next.config.js
@@ -1,5 +1,4 @@
 const path = require('path');
-const withTM = require('next-transpile-modules')(['@hive/smart-signer', '@hive/ui', '@hive/transaction', '@hive/renderer', '@hive/middleware']);
 const CopyPlugin = require('copy-webpack-plugin');
 const removeImports = require('next-remove-imports')();
 const withPWA = require('next-pwa')({
@@ -32,11 +31,11 @@ const nextConfig = {
         headers: [
           {
             key: 'Content-Type',
-            value: 'application/javascript; charset=utf-8',
+            value: 'application/javascript; charset=utf-8'
           },
           {
             key: 'Cache-Control',
-            value: 'no-cache, no-store, must-revalidate, max-age=0',
+            value: 'no-cache, no-store, must-revalidate, max-age=0'
           }
         ]
       },
@@ -45,17 +44,24 @@ const nextConfig = {
         headers: [
           {
             key: 'Content-Type',
-            value: 'application/javascript; charset=utf-8',
+            value: 'application/javascript; charset=utf-8'
           },
           {
             key: 'Cache-Control',
-            value: 'no-cache, no-store, must-revalidate, max-age=0',
+            value: 'no-cache, no-store, must-revalidate, max-age=0'
           }
         ]
       }
-
     ];
   },
+  transpilePackages: [
+    '@hive/smart-signer',
+    '@hive/ui',
+    '@hive/transaction',
+    '@hive/renderer',
+    '@hive/middleware'
+  ],
+
   async rewrites() {
     return [
       {
@@ -112,4 +118,4 @@ const nextConfig = {
 const withBundleAnalyzer = require('@next/bundle-analyzer')({
   enabled: process.env.ANALYZE === 'true'
 });
-module.exports = withPWA(withTM(withBundleAnalyzer(removeImports(nextConfig))));
+module.exports = withPWA(withBundleAnalyzer(removeImports(nextConfig)));
diff --git a/apps/blog/package.json b/apps/blog/package.json
index ed9df735393bd9073c492632705915dce75f3e04..cecaa6f7ff5a6259c06b01c19f0669fb6fdf3e95 100644
--- a/apps/blog/package.json
+++ b/apps/blog/package.json
@@ -7,9 +7,9 @@
     "copy:worker": "cp ../../node_modules/@hiveio/hb-auth/dist/worker.js ./public/auth/",
     "copy:assets": "cp -r ../../node_modules/@hiveio/hb-auth/dist/assets ./public/auth/assets",
     "predev": "pnpm run clean",
-    "dev": "react-env -- next dev -H 0.0.0.0 -p 3000 | pnpm dlx pino-pretty --colorize",
-    "dev:3010": "react-env -- next dev -H 0.0.0.0 -p 3010 | pnpm dlx pino-pretty --colorize",
-    "devssl": "react-env -- next dev -H 0.0.0.0 --port 3000 --experimental-https --experimental-https-key ../../ssl/server-key.pem --experimental-https-cert ../../ssl/server-cert.pem | pnpm dlx pino-pretty --colorize",
+    "dev": "react-env -- next dev -H 0.0.0.0 -p 3000",
+    "dev:3010": "react-env -- next dev -H 0.0.0.0 -p 3010",
+    "devssl": "react-env -- next dev -H 0.0.0.0 --port 3000 --experimental-https --experimental-https-key ../../ssl/server-key.pem --experimental-https-cert ../../ssl/server-cert.pem",
     "prebuild": "pnpm run clean",
     "build": "react-env -- next build",
     "postbuild": "pnpm run copy:worker && pnpm run copy:assets",
@@ -62,6 +62,7 @@
     "http-errors": "^2.0.0",
     "i": "^0.3.7",
     "i18next": "^23.7.9",
+    "i18next-resources-to-backend": "^1.2.1",
     "iron-session": "^8.0.1",
     "lucide-react": "^0.259.0",
     "moment": "^2.29.4",
@@ -98,6 +99,7 @@
     "@types/qrcode": "^1.5.5",
     "@types/yazl": "^2.4.5",
     "copy-webpack-plugin": "^11.0.0",
+    "null-loader": "^4.0.1",
     "typescript": "5.3.3"
   }
 }
diff --git a/apps/blog/pages/[...param].tsx b/apps/blog/pages/[...param].tsx
deleted file mode 100644
index b8634002c47cd9c6eba14e122b3df5b6a5132040..0000000000000000000000000000000000000000
--- a/apps/blog/pages/[...param].tsx
+++ /dev/null
@@ -1,243 +0,0 @@
-import {
-  getCommunity,
-  getSubscribers,
-  getPostsRanked,
-  getAccountNotifications,
-  getAccountPosts,
-  getPost
-} from '@transaction/lib/bridge';
-import { FC, useEffect } from 'react';
-import { useRouter } from 'next/router';
-import { GetServerSideProps } from 'next';
-import {
-  getAccountMetadata,
-  getCommunityMetadata,
-  getTranslations,
-  MetadataProps
-} from '../lib/get-translations';
-import { dehydrate, QueryClient } from '@tanstack/react-query';
-import NoDataError from '../components/no-data-error';
-import { getLogger } from '@ui/lib/logging';
-import MainPage from '../components/main-page';
-import AccountProfileMainPage from '../feature/account-profile/main-page';
-import {
-  getAccount,
-  getAccountFull,
-  getAccountReputations,
-  getDynamicGlobalProperties
-} from '@transaction/lib/hive';
-import { useLocalStorage } from 'usehooks-ts';
-import { DEFAULT_PREFERENCES, Preferences } from '@/blog/lib/utils';
-import { useUser } from '@smart-signer/lib/auth/use-user';
-import PostRedirectPage from '../components/post-redirect-page';
-
-const logger = getLogger('app');
-export type PageType = 'main' | 'community' | 'userProfile' | 'redirect' | 'tag';
-const sorts = ['trending', 'hot', 'created', 'payout', 'muted'];
-function replaceUndefinedWithNull(obj: any): any {
-  if (Array.isArray(obj)) {
-    return obj.map((v) => (v === undefined ? null : replaceUndefinedWithNull(v)));
-  } else if (obj && typeof obj === 'object') {
-    return Object.fromEntries(
-      Object.entries(obj).map(([k, v]) => [k, v === undefined ? null : replaceUndefinedWithNull(v)])
-    );
-  }
-  return obj;
-}
-
-const getPageType = (firstParam: string, secondParam?: string) => {
-  // /(trending || hot || created || payout || muted) => main page
-  if (sorts.includes(firstParam) && !secondParam) return 'main';
-  // /(trending || hot || created || payout || muted)/hive-number => community page
-  if (sorts.includes(firstParam) && secondParam?.startsWith('hive-')) return 'community';
-  // /(trending || hot || created || payout || muted)/tag => community page
-  if (sorts.includes(firstParam) && !secondParam?.startsWith('hive-')) return 'tag';
-  // /@username => user profile page
-  if (firstParam.startsWith('@') && !secondParam) return 'userProfile';
-  // /@username/permlink => redirect page to post
-  if (!!firstParam && !!secondParam) return 'redirect';
-};
-
-const ParamPage: FC<{ metadata: MetadataProps; pageType: PageType; redirectUrl: string }> = ({
-  metadata,
-  pageType,
-  redirectUrl
-}) => {
-  const router = useRouter();
-  const { user } = useUser();
-  const [preferences] = useLocalStorage<Preferences>(
-    `user-preferences-${user.username}`,
-    DEFAULT_PREFERENCES
-  );
-
-
-  useEffect(() => {
-    // Save scroll position when leaving the page
-    const handleRouteChange = () => {
-      sessionStorage.setItem('scrollPosition', window.scrollY.toString());
-    };
-
-    // Restore scroll position when returning to the page
-    const restoreScrollPosition = () => {
-      const scrollPosition = sessionStorage.getItem('scrollPosition');
-      if (scrollPosition) {
-        window.scrollTo(0, parseInt(scrollPosition));
-        handleRouteChange();
-      }
-    };
-    router.events.on('routeChangeStart', handleRouteChange);
-    // Restore scroll position after the page content is loaded
-    if (typeof window !== 'undefined') {
-      // Wait for content to be rendered
-      setTimeout(restoreScrollPosition, 500);
-    }
-
-    return () => {
-      router.events.off('routeChangeStart', handleRouteChange);
-    };
-  }, [router.events]);
-
-  switch (pageType) {
-    case 'main':
-    case 'community':
-    case 'tag':
-      return <MainPage metadata={metadata} pageType={pageType} nsfwPreferences={preferences.nsfw} />;
-    case 'userProfile':
-      return <AccountProfileMainPage metadata={metadata} nsfwPreferences={preferences.nsfw} />;
-    case 'redirect':
-      return <PostRedirectPage url={redirectUrl} />;
-    default:
-      return <NoDataError />;
-  }
-};
-
-export default ParamPage;
-
-export const getServerSideProps: GetServerSideProps = async (ctx) => {
-  let allParams: string[] = Array.isArray(ctx.params?.param) ? (ctx.params!.param as string[]) : [];
-  
-  // Filter out any _next or data params - these come from Next.js internal routing
-  // This can happen during client-side navigation with basePath
-  const filteredParams = allParams.filter(p => 
-    p !== '_next' && 
-    p !== 'data' && 
-    !p.includes('.json')
-  );
-  
-  // Use filtered params if we have any valid ones, otherwise use original
-  if (filteredParams.length > 0) {
-    allParams = filteredParams;
-  }
-  
-  // If first param is still invalid or we have no params, default to trending
-  if (allParams.length === 0 || allParams[0] === 'data' || allParams[0] === '_next') {
-    allParams = ['trending'];
-  }
-  
-  const [firstParam, secondParam] = allParams;
-  const pageType = getPageType(firstParam, secondParam);
-  const tag = (secondParam || '').toLocaleLowerCase();
-  const queryClient = new QueryClient();
-  const basePath = process.env.NEXT_PUBLIC_BASE_PATH || '';
-  let redirectUrl = '';
-  let metadata = {
-    tabTitle: '',
-    description: '',
-    image: 'https://hive.blog/images/hive-blog-share.png',
-    title: firstParam
-  };
-  const username = firstParam.split('@')[1];
-
-  switch (pageType) {
-    case 'community':
-      metadata = await getCommunityMetadata(firstParam, tag, 'Posts');
-      try {
-        await queryClient.prefetchQuery(['community', tag], async () => await getCommunity(tag, ''));
-        await queryClient.prefetchQuery(['subscribers', tag], async () => await getSubscribers(tag));
-        await queryClient.prefetchQuery(
-          ['AccountNotification', tag],
-          async () => await getAccountNotifications(tag)
-        );
-      } catch (error) {
-        logger.error('Error prefetching community metadata:', error);
-      }
-    case 'main':
-    case 'tag':
-      try {
-        await queryClient.prefetchInfiniteQuery(
-          ['entriesInfinite', firstParam, tag],
-          async ({ pageParam }) => {
-            const postsData = await getPostsRanked(
-              firstParam,
-              tag,
-              pageParam?.author,
-              pageParam?.permlink,
-              ''
-            );
-            if (!!postsData && postsData.length > 0) {
-              const cleanedPostsList = postsData.map((post) => ({ ...post, active_votes: [] }));
-              return cleanedPostsList;
-            }
-            return postsData;
-          }
-        );
-      } catch (error) {
-        logger.error('Error prefetching entriesInfinite:', error);
-      }
-
-      break;
-    case 'userProfile':
-      metadata = await getAccountMetadata(firstParam, 'Posts');
-      try {
-        await queryClient.prefetchQuery(['profileData', username], () => getAccountFull(username));
-        await queryClient.prefetchQuery(['accountData', username], () => getAccount(username));
-        await queryClient.prefetchQuery(['dynamicGlobalData'], () => getDynamicGlobalProperties());
-        await queryClient.prefetchQuery(['accountReputationData', username], () =>
-          getAccountReputations(username, 1)
-        );
-        await queryClient.prefetchInfiniteQuery(
-          ['accountEntriesInfinite', username],
-          async ({ pageParam }) => {
-            const data = await getAccountPosts('blog', username, '', pageParam?.author, pageParam?.permlink);
-            if (data) {
-              const nsfwCleanedData = data?.filter(
-                (post) => !(!!post.json_metadata.tags && post.json_metadata?.tags.includes('nsfw'))
-              );
-              return nsfwCleanedData;
-            }
-            return data;
-          }
-        );
-      } catch (error) {
-        logger.error('Error prefetching account entries:', error);
-      }
-      break;
-    case 'redirect':
-      const permlink = secondParam;
-      try {
-        const post = await queryClient.fetchQuery(['postData', username, permlink], () =>
-          getPost(username, permlink)
-        );
-        if (post) {
-          redirectUrl = `${basePath}/${post.category ?? post.community}/@${username}/${permlink}`;
-          if (ctx.res && redirectUrl) {
-            ctx.res.statusCode = 302; // Temporary redirect
-            ctx.res.setHeader('Location', redirectUrl);
-          }
-        }
-      } catch (error) {
-        logger.error('Error prefetching post data:', `/${username}/${permlink}`, error);
-      }
-      break;
-  }
-
-  return {
-    props: {
-      dehydratedState: replaceUndefinedWithNull(dehydrate(queryClient)),
-      redirectUrl,
-      metadata,
-      pageType,
-      ...(await getTranslations(ctx))
-    }
-  };
-};
diff --git a/apps/blog/pages/[param]/[p2]/[permlink]/index.tsx b/apps/blog/pages/[param]/[p2]/[permlink]/index.tsx
deleted file mode 100644
index 51c1f641380021791eb06dda044794585957611b..0000000000000000000000000000000000000000
--- a/apps/blog/pages/[param]/[p2]/[permlink]/index.tsx
+++ /dev/null
@@ -1,845 +0,0 @@
-import parseDate from '@ui/lib/parse-date';
-import { Clock, Link2 } from 'lucide-react';
-import UserInfo from '@/blog/components/user-info';
-import { getActiveVotes } from '@transaction/lib/hive';
-import { dehydrate, useQuery } from '@tanstack/react-query';
-import { getCommunity, getDiscussion, getListCommunityRoles, getPost } from '@transaction/lib/bridge';
-import Loading from '@hive/ui/components/loading';
-import ImageGallery from '@/blog/components/image-gallery';
-import Link from 'next/link';
-import BasePathLink from '@/blog/components/base-path-link';
-import DetailsCardHover from '@/blog/components/details-card-hover';
-import DetailsCardVoters from '@/blog/components/details-card-voters';
-import CommentSelectFilter from '@/blog/components/comment-select-filter';
-import { useEffect, useMemo, useState } from 'react';
-import sorter, { SortOrder } from '@/blog/lib/sorter';
-import { useRouter } from 'next/router';
-import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@ui/components/tooltip';
-import { Icons } from '@ui/components/icons';
-import { ReplyTextbox } from '@/blog/components/reply-textbox';
-import { SharePost } from '@/blog/components/share-post-dialog';
-import LinkedInShare from '@/blog/components/share-post-linkedin';
-import FacebookShare from '@/blog/components/share-post-facebook';
-import RedditShare from '@/blog/components/share-post-reddit';
-import TwitterShare from '@/blog/components/share-post-twitter';
-import { Badge } from '@ui/components/badge';
-import { Button } from '@ui/components/button';
-import { Separator } from '@ui/components';
-import { useTranslation } from 'next-i18next';
-import { AlertDialogFlag } from '@/blog/components/alert-window-flag';
-import VotesComponent from '@/blog/components/votes';
-import { useLocalStorage } from 'usehooks-ts';
-import PostForm from '@/blog/components/post-form';
-import { useUser } from '@smart-signer/lib/auth/use-user';
-import DialogLogin from '@/blog/components/dialog-login';
-import { UserPopoverCard } from '@/blog/components/user-popover-card';
-import { QueryClient } from '@tanstack/react-query';
-import { GetServerSideProps } from 'next';
-import { useFollowListQuery } from '@/blog/components/hooks/use-follow-list';
-import dmcaUserList from '@ui/config/lists/dmca-user-list';
-import userIllegalContent from '@ui/config/lists/user-illegal-content';
-import dmcaList from '@ui/config/lists/dmca-list';
-import gdprUserList from '@ui/config/lists/gdpr-user-list';
-import RendererContainer from '@/blog/components/rendererContainer';
-import { getLogger } from '@ui/lib/logging';
-import ReblogTrigger from '@/blog/components/reblog-trigger';
-import { getTranslations, MetadataProps } from '@/blog/lib/get-translations';
-import Head from 'next/head';
-import env from '@beam-australia/react-env';
-import { usePinMutation, useUnpinMutation } from '@/blog/components/hooks/use-pin-mutations';
-import { handleError } from '@ui/lib/handle-error';
-import MutePostDialog from '@/blog/components/mute-post-dialog';
-import { CircleSpinner } from 'react-spinners-kit';
-import ChangeTitleDialog from '@/blog/components/change-title-dialog';
-import moment from 'moment';
-import { PostDeleteDialog } from '@/blog/components/post-delete-dialog';
-import { useDeletePostMutation } from '@/blog/components/hooks/use-post-mutation';
-import FlagIcon from '@/blog/components/flag-icon';
-import { getSimilarPostsByPost, isPostStub } from '@/blog/lib/get-data';
-import { Entry } from '@transaction/lib/extended-hive.chain';
-import SuggestionsList from '@/blog/feature/suggestions-posts/list';
-import TimeAgo from '@ui/components/time-ago';
-import CommentList from '@/blog/components/comment-list';
-import clsx from 'clsx';
-import PostingLoader from '@/blog/components/posting-loader';
-import NoDataError from '@/blog/components/no-data-error';
-import AnimatedList from '@/blog/feature/suggestions-posts/animated-tab';
-import { withBasePath } from '@/blog/utils/PathUtils';
-
-const logger = getLogger('app');
-export const postClassName =
-  'font-source text-[16.5px] prose-h1:text-[26.4px] prose-h2:text-[23.1px] prose-h3:text-[19.8px] prose-h4:text-[18.1px] sm:text-[17.6px] sm:prose-h1:text-[28px] sm:prose-h2:text-[24.7px] sm:prose-h3:text-[22.1px] sm:prose-h4:text-[19.4px] lg:text-[19.2px] lg:prose-h1:text-[30.7px] lg:prose-h2:text-[28.9px] lg:prose-h3:text-[23px] lg:prose-h4:text-[21.1px] prose-p:mb-6 prose-p:mt-0 prose-img:cursor-pointer';
-
-function PostPage({
-  community,
-  username,
-  permlink,
-  mutedStatus,
-  metadata,
-  crosspost
-}: {
-  community: string;
-  username: string;
-  permlink: string;
-  mutedStatus: boolean;
-  metadata: MetadataProps;
-  crosspost: {
-    community: string;
-    body: string;
-    communityTag: string;
-    authorReputation: number;
-  };
-}) {
-  const { t } = useTranslation('common_blog');
-  const { user } = useUser();
-  const { data: mutedList } = useFollowListQuery(user.username, 'muted');
-  const deletePostMutation = useDeletePostMutation();
-  const { isLoading: isLoadingPost, data: post } = useQuery(
-    ['postData', username, permlink],
-    () => getPost(username, String(permlink)),
-    {
-      enabled: !!username && !!permlink
-    }
-  );
-
-  const { data: suggestionResults } = useQuery(
-    ['suggestions', username, permlink],
-    async () => {
-      const results = await getSimilarPostsByPost({
-        author: username,
-        permlink,
-        observer: user.username !== '' ? user.username : 'hive.blog',
-        result_limit: 10, // Only get 10 suggestions
-        full_posts: 10 // Get all as full posts
-      });
-      
-      if (!results) return null;
-      
-      // Filter out null/invalid posts and only include full Entry objects (not stubs)
-      const fullPosts = results.filter(post => post && !isPostStub(post) && (post as Entry).post_id) as Entry[];
-      return fullPosts;
-    },
-    {
-      enabled: !!username && !!permlink
-    }
-  );
-  
-  const suggestions = suggestionResults;
-  const { isLoading: isLoadingDiscussion, data: discussion } = useQuery(
-    ['discussionData', permlink],
-    () => getDiscussion(username, String(permlink), user.username),
-    {
-      enabled: !!username && !!permlink
-    }
-  );
-  const { data: communityData } = useQuery(['community', community], () => getCommunity(community), {
-    enabled: !!username && !!community && community.startsWith('hive-')
-  });
-
-  const { data: activeVotesData, isLoading: isActiveVotesLoading } = useQuery(
-    ['activeVotes'],
-    () => getActiveVotes(username, permlink),
-    {
-      enabled: !!username && !!permlink
-    }
-  );
-  const { data: rolesData } = useQuery(['rolesList', community], () => getListCommunityRoles(community), {
-    enabled: Boolean(community)
-  });
-
-  const userRole = rolesData?.find((e) => e[0] === user.username);
-  const userCanModerate = userRole
-    ? userRole[1] === 'mod' || userRole[1] === 'admin' || userRole[1] === 'owner'
-    : false;
-  const pinMutations = usePinMutation();
-  const unpinMutation = useUnpinMutation();
-
-  const pin = async () => {
-    try {
-      await pinMutations.mutateAsync({ community, username, permlink });
-    } catch (error) {
-      handleError(error, { method: 'pin', params: { community, username, permlink } });
-    }
-  };
-  const unpin = async () => {
-    try {
-      await unpinMutation.mutateAsync({ community, username, permlink });
-    } catch (error) {
-      handleError(error, { method: 'unpin', params: { community, username, permlink } });
-    }
-  };
-  const router = useRouter();
-  const isSortOrder = (token: any): token is SortOrder => {
-    return Object.values(SortOrder).includes(token as SortOrder);
-  };
-  const query = router.query.sort?.toString();
-  const copyRightCheck = dmcaList.includes(
-    `/${router.query.param}/${router.query.p2}/${router.query.permlink}`
-  );
-  const userFromDMCA = dmcaUserList.some((e) => e === post?.author);
-  const legalBlockedUser = userIllegalContent.some((e) => e === post?.author);
-  const defaultSort = isSortOrder(query) ? query : SortOrder.trending;
-  const storageId = `replybox-/${username}/${post?.permlink}-${user.username}`;
-  const [storedBox, storeBox, removeBox] = useLocalStorage<Boolean>(storageId, false);
-
-  const [storedComment] = useLocalStorage<string>(`replyTo-/${username}/${permlink}-${user.username}`, '');
-  const [reply, setReply] = useState<Boolean>(storedBox !== undefined ? storedBox : false);
-  const [isSubmitting, setIsSubmitting] = useState(false);
-  const [edit, setEdit] = useState(false);
-
-  const userFromGDPR = gdprUserList.some((e) => e === post?.author);
-  const refreshPage = () => {
-    router.replace(router.asPath);
-  };
-
-  useEffect(() => {
-    if (reply) {
-      storeBox(reply);
-    }
-  }, [reply, storeBox]);
-
-  const discussionState = useMemo(() => {
-    if (!discussion) return undefined;
-
-    const list = [...Object.keys(discussion).map((key) => discussion[key])];
-    const sortType = (router.query.sort as SortOrder) || defaultSort;
-    sorter(list, SortOrder[sortType]);
-    return list;
-  }, [discussion, router.query.sort, defaultSort]);
-  const firstPost = discussionState?.find((post) => post.depth === 0);
-  const thisPost = discussionState?.find((post) => post.permlink === permlink && post.author === username);
-  const commentSite = post?.depth !== 0 ? true : false;
-  const [mutedPost, setMutedPost] = useState<boolean>(mutedStatus);
-  useEffect(() => {
-    setMutedPost(post?.stats?.gray ?? false);
-  }, [post?.stats?.gray]);
-  if (isLoadingPost) return <Loading loading={isLoadingPost} />;
-  if (userFromGDPR || !post) return <NoDataError />;
-
-  const deleteComment = async (permlink: string) => {
-    try {
-      await deletePostMutation.mutateAsync({ permlink });
-      setIsSubmitting(true);
-      // Wait 2 seconds before redirecting
-      await new Promise((resolve) => setTimeout(resolve, 2000));
-
-      // Use window.location for subdirectory deployments to ensure catch-all route works
-      if (router.basePath) {
-        window.location.href = `${router.basePath}/@${username}/posts`;
-      } else {
-        // Use client-side navigation for root deployments (faster)
-        router.push(`/@${username}/posts`);
-      }
-    } catch (error) {
-      setIsSubmitting(false);
-      handleError(error, { method: 'deleteComment', params: { permlink } });
-    }
-  };
-  const dialogAction = (permlink: string): void => {
-    if (permlink) {
-      deleteComment(permlink);
-    }
-  };
-  const canonical_url = post
-    ? new URL(post.url.startsWith('http') ? post.url : `https://${env('SITE_DOMAIN')}${post.url}`).href
-    : undefined;
-  const post_is_pinned = firstPost?.stats?.is_pinned ?? false;
-  const crossedPost = post?.json_metadata.tags?.includes('cross-post');
-  return (
-    <>
-      <Head>
-        {canonical_url ? <link rel="canonical" href={canonical_url} key="canonical" /> : null}
-        <title>{metadata.tabTitle}</title>
-        <meta property="og:title" content={metadata.title} />
-        <meta property="og:description" content={metadata.description} />
-        <meta property="og:image" content={metadata.image} />
-      </Head>
-      <div className="grid grid-cols-1 md:grid-cols-12">
-        <div className="col-span-2 hidden md:block">
-          {suggestions ? <AnimatedList suggestions={suggestions} /> : null}
-        </div>
-        <div className="py-8 sm:col-span-8 sm:mx-auto sm:flex sm:flex-col">
-          <div className="relative mx-auto my-0 max-w-4xl bg-background p-4">
-            {crossedPost ? (
-              <div className="mb-4 flex items-center gap-2 bg-background-secondary p-5 text-sm">
-                <Icons.crossPost className="h-4 w-4" />
-                <span>
-                  <BasePathLink href={`/@${post?.author}`} className="font-bold hover:text-destructive">
-                    {post?.author}{' '}
-                  </BasePathLink>
-                  cross-posted{' '}
-                  <Link
-                    href={`/@${post?.json_metadata.original_author}/${post?.json_metadata.original_permlink}`}
-                    className="font-bold hover:text-destructive"
-                  >
-                    this post{' '}
-                  </Link>
-                  in{' '}
-                  <Link href={`/created/${post?.community}`} className="font-bold hover:text-destructive">
-                    {post?.community_title ?? post?.community}
-                  </Link>
-                </span>
-              </div>
-            ) : null}
-            <div className="absolute right-0 top-1 cursor-pointer hover:text-destructive">
-              {communityData && !user.isLoggedIn ? (
-                <DialogLogin>
-                  <FlagIcon onClick={() => {}} />
-                </DialogLogin>
-              ) : communityData && user.isLoggedIn ? (
-                <AlertDialogFlag
-                  community={community}
-                  username={username}
-                  permlink={permlink}
-                  flagText={communityData.flag_text}
-                >
-                  <FlagIcon onClick={() => {}} />
-                </AlertDialogFlag>
-              ) : null}
-            </div>
-
-            {!isLoadingPost && post ? (
-              <div>
-                {!commentSite ? (
-                  <h1
-                    className="font-sanspro text-[21px] font-extrabold sm:text-[25.6px]"
-                    data-testid="article-title"
-                  >
-                    {post.title}
-                  </h1>
-                ) : (
-                  <div className="flex flex-col gap-2 border-2 border-solid border-card-emptyBorder bg-card-noContent p-2">
-                    <h4 className="text-sm">
-                      {t('post_content.if_comment.you_are_viewing_a_single_comments_thread_from')}:
-                    </h4>
-                    <h1 data-testid="article-title" className="text-2xl">
-                      {post.title}
-                    </h1>
-                    <Link
-                      className="text-sm hover:text-destructive"
-                      href={`${post.url}`}
-                      data-testid="view-the-full-context"
-                    >
-                      • {t('post_content.if_comment.view_the_full_context')}
-                    </Link>
-                    {discussionState && !discussionState.some((e) => e.depth === 1) ? (
-                      <Link
-                        className="text-sm hover:text-destructive"
-                        href={`/${post.category}/@${post.parent_author}/${post.parent_permlink}`}
-                        data-testid="view-the-direct-parent"
-                      >
-                        • {t('post_content.if_comment.view_the_direct_parent')}
-                      </Link>
-                    ) : null}
-                  </div>
-                )}
-                <UserInfo
-                  permlink={permlink}
-                  moderateEnabled={userCanModerate}
-                  author={post.author}
-                  author_reputation={crossedPost ? crosspost.authorReputation : post.author_reputation}
-                  author_title={post.author_title}
-                  authored={post.json_metadata?.author}
-                  community_title={crossedPost ? crosspost.community : communityData?.title || ''}
-                  community={crossedPost ? crosspost.communityTag : community}
-                  category={post.category}
-                  created={post.created}
-                  blacklist={
-                    firstPost ? firstPost.blacklists : thisPost ? thisPost.blacklists : post.blacklists
-                  }
-                />
-                {isLoadingPost ? (
-                  <Loading loading={isLoadingPost} />
-                ) : edit && commentSite && post.parent_author && post.parent_permlink ? (
-                  <ReplyTextbox
-                    editMode={edit}
-                    onSetReply={setEdit}
-                    username={post.parent_author}
-                    permlink={post.permlink}
-                    parentPermlink={post.parent_permlink}
-                    storageId={storageId}
-                    comment={post}
-                    discussionPermlink={permlink}
-                  />
-                ) : edit ? (
-                  <PostForm
-                    username={username}
-                    editMode={edit}
-                    setEditMode={setEdit}
-                    sideBySidePreview={false}
-                    post_s={post}
-                    refreshPage={refreshPage}
-                    setIsSubmitting={setIsSubmitting}
-                  />
-                ) : legalBlockedUser ? (
-                  <div className="px-2 py-6">{t('global.unavailable_for_legal_reasons')}</div>
-                ) : copyRightCheck || userFromDMCA ? (
-                  <div className="px-2 py-6">{t('post_content.body.copyright')}</div>
-                ) : mutedPost ? (
-                  <>
-                    <Separator />
-                    <div className="my-8 flex items-center justify-between text-destructive">
-                      {t('post_content.body.content_were_hidden')}
-                      <Button variant="outlineRed" onClick={() => setMutedPost(false)}>
-                        {t('post_content.body.show')}
-                      </Button>
-                    </div>
-                  </>
-                ) : (
-                  <ImageGallery>
-                    <RendererContainer
-                      mainPost={post.depth === 0}
-                      body={crossedPost ? crosspost.body : post.body}
-                      author={post.author}
-                      className={postClassName}
-                    />
-                  </ImageGallery>
-                )}
-                <div className="clear-both">
-                  {!commentSite ? (
-                    <ul className="flex flex-wrap gap-2" data-testid="hashtags-post">
-                      {post.json_metadata.tags
-                        ?.filter((e) => e !== post.category && e !== '' && e !== post.community)
-                        .map((tag: string) => (
-                          <li key={tag}>
-                            <Link
-                              href={`/trending/${tag}`}
-                              className="my-2 rounded-md border-[1px] border-border bg-background-secondary px-2 py-1 text-[14px] hover:border-[#788187]"
-                            >
-                              #{tag}
-                            </Link>
-                          </li>
-                        ))}
-                    </ul>
-                  ) : null}
-                </div>
-                <div
-                  className="flex flex-col items-start text-sm text-primary sm:flex-row sm:justify-between"
-                  data-testid="author-data-post-footer"
-                >
-                  <div className="my-4 flex flex-wrap gap-4">
-                    <div className="flex flex-wrap items-center">
-                      <Clock className="h-4 w-4" />
-                      <span className="px-1" title={String(parseDate(post.created))}>
-                        <TimeAgo date={post.created} />
-                      </span>
-                      {t('post_content.footer.in')}
-                      <span className="px-1 text-destructive">
-                        {post.community_title ? (
-                          <Link
-                            href={`/trending/${crossedPost ? crosspost.communityTag : post.community}`}
-                            className="hover:cursor-pointer"
-                            data-testid="footer-comment-community-category-link"
-                          >
-                            {crossedPost ? crosspost.community : post.community_title}
-                          </Link>
-                        ) : (
-                          <Link
-                            href={`/trending/${post.category}`}
-                            className="hover:cursor-pointer"
-                            data-testid="footer-comment-community-category-link"
-                          >
-                            #{post.category}
-                          </Link>
-                        )}
-                      </span>
-                      {t('post_content.footer.by')}
-                      <div className="flex">
-                        <UserPopoverCard
-                          author={post.json_metadata.original_author ?? post.author}
-                          author_reputation={
-                            crossedPost ? crosspost.authorReputation : post.author_reputation
-                          }
-                          blacklist={
-                            firstPost
-                              ? firstPost.blacklists
-                              : thisPost
-                                ? thisPost.blacklists
-                                : post.blacklists
-                          }
-                        />
-                        {post.author_title ? (
-                          <Badge variant="outline" className="border-destructive text-slate-500">
-                            <span className="mr-1">{post.author_title}</span>
-                            <ChangeTitleDialog
-                              community={community}
-                              moderateEnabled={userCanModerate}
-                              userOnList={post.author}
-                              title={post.author_title ?? ''}
-                              permlink={permlink}
-                            />
-                          </Badge>
-                        ) : (
-                          <ChangeTitleDialog
-                            community={community}
-                            moderateEnabled={userCanModerate}
-                            userOnList={post.author}
-                            title={post.author_title ?? ''}
-                            permlink={permlink}
-                          />
-                        )}
-                      </div>
-                    </div>
-                    <div className="flex items-center gap-2 sm:gap-4">
-                      <VotesComponent post={post} type="post" />
-                      <DetailsCardHover
-                        post={post}
-                        decline={Number(post.max_accepted_payout.slice(0, 1)) === 0}
-                        post_page
-                      >
-                        <span
-                          data-testid="comment-payout"
-                          className={`text-xs text-destructive hover:cursor-pointer sm:text-sm ${
-                            Number(post.max_accepted_payout.slice(0, 1)) === 0
-                              ? '!text-gray-600 line-through'
-                              : ''
-                          }`}
-                        >
-                          ${post.payout?.toFixed(2)}
-                        </span>
-                      </DetailsCardHover>
-                      {!isActiveVotesLoading && activeVotesData ? (
-                        <DetailsCardVoters post={post}>
-                          {post.stats?.total_votes && post.stats?.total_votes !== 0 ? (
-                            <span className="text-xs text-destructive sm:text-sm">
-                              {post.stats?.total_votes > 1
-                                ? t('post_content.footer.votes', { votes: post.stats?.total_votes })
-                                : t('post_content.footer.vote')}
-                            </span>
-                          ) : null}
-                        </DetailsCardVoters>
-                      ) : null}
-                    </div>
-                  </div>
-                  <div className="my-4 flex items-end gap-4 sm:flex-col">
-                    <div className="flex items-center" data-testid="comment-respons-header">
-                      <ReblogTrigger
-                        author={post.author}
-                        permlink={post.permlink}
-                        dataTestidTooltipContent="post-footer-reblog-tooltip"
-                        dataTestidTooltipIcon="post-footer-reblog-icon"
-                      />
-                      <span className="mx-1">|</span>
-                      {user && user.isLoggedIn ? (
-                        <>
-                          <button
-                            onClick={() => {
-                              setReply(!reply), removeBox();
-                            }}
-                            className="flex items-center text-destructive"
-                            data-testid="comment-reply"
-                          >
-                            {t('post_content.footer.reply')}
-                          </button>
-                          {pinMutations.isLoading || unpinMutation.isLoading ? (
-                            <div className="ml-2">
-                              <CircleSpinner
-                                loading={pinMutations.isLoading || unpinMutation.isLoading}
-                                size={18}
-                                color="#dc2626"
-                              />
-                            </div>
-                          ) : userCanModerate && post.depth === 0 ? (
-                            <div className="flex flex-col items-center">
-                              {/* <button
-                                disabled={post.stats?._temporary}
-                                className={clsx('ml-2 flex items-center text-destructive', {
-                                  'animate-pulse cursor-not-allowed text-destructive':
-                                    firstPost?.stats?._temporary
-                                })}
-                                onClick={post_is_pinned ? unpin : pin}
-                              >
-                                {post_is_pinned ? t('communities.unpin') : t('communities.pin')}
-                              </button> */}
-                              {/* TODO swap two button to one when api return stats.is_pinned,
-                            temprary use two button to unpin and pin
-                            */}
-                              <button className="ml-2 flex items-center text-destructive" onClick={pin}>
-                                {t('communities.pin')}
-                              </button>
-                              <button className="ml-2 flex items-center text-destructive" onClick={unpin}>
-                                {t('communities.unpin')}
-                              </button>
-                            </div>
-                          ) : null}
-                          {userCanModerate ? (
-                            <MutePostDialog
-                              comment={false}
-                              community={community}
-                              username={post.author}
-                              permlink={post.permlink}
-                              contentMuted={post.stats?.gray ?? false}
-                              discussionPermlink={post.permlink}
-                              discussionAuthor={post.author}
-                              temporaryDisable={post.stats?._temporary}
-                            />
-                          ) : null}
-                        </>
-                      ) : (
-                        <DialogLogin>
-                          <button className="flex items-center text-destructive" data-testid="comment-reply">
-                            {t('post_content.footer.reply')}
-                          </button>
-                        </DialogLogin>
-                      )}
-                      {post.children === 0 &&
-                      user.isLoggedIn &&
-                      post.author === user.username &&
-                      moment().format('YYYY-MM-DDTHH:mm:ss') < post.payout_at ? (
-                        <>
-                          <span className="mx-1">|</span>
-                          <PostDeleteDialog permlink={post.permlink} action={dialogAction} label="Post">
-                            <button
-                              disabled={edit || deletePostMutation.isLoading}
-                              className="flex items-center text-destructive"
-                              data-testid="comment-card-footer-delete"
-                            >
-                              {deletePostMutation.isLoading ? (
-                                <CircleSpinner
-                                  loading={deletePostMutation.isLoading}
-                                  size={18}
-                                  color="#dc2626"
-                                />
-                              ) : (
-                                t('cards.comment_card.delete')
-                              )}
-                            </button>
-                          </PostDeleteDialog>
-                        </>
-                      ) : null}
-                      {user && user.isLoggedIn && post.author === user.username && !edit ? (
-                        <>
-                          <span className="mx-1">|</span>
-                          <button
-                            onClick={() => {
-                              setEdit(!edit);
-                            }}
-                            className="flex items-center text-destructive"
-                            data-testid="post-edit"
-                          >
-                            {t('post_content.footer.edit')}
-                          </button>
-                        </>
-                      ) : null}
-                      <span className="mx-1">|</span>
-                      <TooltipProvider>
-                        <Tooltip>
-                          <TooltipTrigger className="flex items-center" data-testid="comment-respons">
-                            <Link href={post.url} className="flex cursor-pointer items-center">
-                              {post.children > 1 ? (
-                                <Icons.messagesSquare className="mr-1 h-4 w-4" />
-                              ) : (
-                                <Icons.comment className="mr-1 h-4 w-4" />
-                              )}
-                            </Link>
-                            <Link href={post.url} className="text- flex cursor-pointer items-center">
-                              {post.children}
-                            </Link>
-                          </TooltipTrigger>
-                          <TooltipContent data-testid="post-footer-response-tooltip">
-                            <p>
-                              {post.children === 0
-                                ? t('post_content.footer.no_responses')
-                                : post.children === 1
-                                  ? t('post_content.footer.response')
-                                  : t('post_content.footer.responses', { responses: post.children })}
-                            </p>
-                          </TooltipContent>
-                        </Tooltip>
-                      </TooltipProvider>
-                    </div>
-                    <div className="flex items-center gap-2">
-                      <FacebookShare url={post.url} />
-                      <TwitterShare title={post.title} url={post.url} />
-                      <LinkedInShare title={post.title} url={post.url} />
-                      <RedditShare title={post.title} url={post.url} />
-                      <SharePost path={router.asPath} title={post.title}>
-                        <Link2 className="cursor-pointer hover:text-destructive" data-testid="share-post" />
-                      </SharePost>
-                    </div>
-                  </div>
-                </div>
-                {crossedPost ? (
-                  <div className="mb-12 flex w-full justify-center">
-                    <Link
-                      href={`/@${post.json_metadata.original_author}/${post.json_metadata.original_permlink}`}
-                    >
-                      <Button variant="redHover">{`Browse to the original post by @${post.json_metadata.original_author}`}</Button>
-                    </Link>
-                  </div>
-                ) : null}
-                <div className="col-span-2 md:hidden">
-                  {suggestions ? (
-                    <div className="flex flex-col overflow-x-auto md:sticky md:top-24 md:max-h-[calc(100vh-96px)]">
-                      <h2 className="mb-4 mt-2 px-4 font-sanspro text-xl font-bold md:mt-0">
-                        You Might Also Like
-                      </h2>
-                      <SuggestionsList suggestions={suggestions} />
-                    </div>
-                  ) : null}
-                </div>
-              </div>
-            ) : (
-              <Loading loading={isLoadingPost} />
-            )}
-          </div>
-          <div id="comments" className="flex" />
-          <div>
-            {reply && post && user.isLoggedIn ? (
-              <ReplyTextbox
-                editMode={edit}
-                onSetReply={setReply}
-                username={post.author}
-                permlink={permlink}
-                storageId={storageId}
-                comment={storedComment}
-                discussionPermlink={permlink}
-              />
-            ) : null}
-          </div>
-          {discussion && discussionState && post ? (
-            <div className="max-w-4xl pr-2">
-              <div className="my-1 flex items-center justify-end" translate="no">
-                <span className="pr-1">{t('select_sort.sort_comments.sort')}</span>
-                <CommentSelectFilter />
-              </div>
-              <CommentList
-                highestAuthor={post.author}
-                highestPermlink={post.permlink}
-                permissionToMute={userCanModerate}
-                mutedList={mutedList || []}
-                data={discussionState}
-                flagText={communityData?.flag_text}
-                parent={post}
-                parent_depth={post.depth}
-                discussionPermlink={permlink}
-              />
-            </div>
-          ) : (
-            <Loading loading={isLoadingDiscussion} />
-          )}
-        </div>
-        <div className="col-span-2" />
-      </div>
-      <PostingLoader isSubmitting={isSubmitting} />
-    </>
-  );
-}
-
-export const getServerSideProps: GetServerSideProps = async (ctx) => {
-  const community = String(ctx.query.param);
-  const username = String(ctx.query.p2).slice(1);
-  const permlink = String(ctx.query.permlink);
-
-  const queryClient = new QueryClient();
-  let post: Entry | undefined;
-  let mutedStatus = false;
-  let metadata = {
-    tabTitle: '',
-    description: '',
-    image: '',
-    title: ''
-  };
-  let crosspost = {
-    community: '',
-    body: '',
-    communityTag: '',
-    authorReputation: 0
-  };
-
-  if (!!permlink && !!username) {
-    try {
-      await queryClient.prefetchQuery(['discussionData', permlink], async () => {
-        const discussion = await getDiscussion(username, permlink);
-        // Strip out active_votes from all posts in discussion
-        if (discussion) {
-          const cleanedDiscussion: Record<string, Entry> = {};
-          Object.keys(discussion).forEach((key) => {
-            cleanedDiscussion[key] = {
-              ...discussion[key],
-              active_votes: []
-            };
-          });
-          return cleanedDiscussion;
-        }
-        return discussion;
-      });
-
-      // Get the main post from discussion data and prefetch it for client
-      const discussionData = queryClient.getQueryData(['discussionData', permlink]) as Record<string, Entry>;
-      if (discussionData) {
-        const mainPostUrl = `@${username}/${permlink}`;
-        const mainPostKey = Object.keys(discussionData).find((key) => {
-          if (discussionData[key].url.endsWith(mainPostUrl)) {
-            return discussionData[key];
-          }
-        });
-        post = discussionData[mainPostKey ?? ''] as Entry;
-
-        // Prefetch the main post data for client-side use
-        if (post) {
-          await queryClient.prefetchQuery(['postData', username, permlink], () => Promise.resolve(post));
-        }
-      }
-    } catch (error) {
-      console.error('Error prefetching comments data:', error);
-    }
-  }
-
-  if (post) {
-    mutedStatus = post.stats?.gray ?? false;
-    metadata.tabTitle = `${post.title} - Hive`;
-    metadata.description = (post.json_metadata?.summary || post.json_metadata?.description) ?? '';
-    metadata.image =
-      post.json_metadata?.image?.[0] ||
-      post.json_metadata?.images?.[0] ||
-      'https://hive.blog/images/hive-blog-share.png';
-    metadata.title = post.title ?? '';
-  }
-  if (community === 'undefined' || !community) {
-    return {
-      redirect: {
-        destination: `/${post?.community ?? post?.category}/@${username}/${permlink}`,
-        permanent: true
-      }
-    };
-  }
-  if (post?.json_metadata.tags?.includes('cross-post')) {
-    try {
-      const fullCrossedPost = await getPost(
-        post.json_metadata.original_author,
-        String(post.json_metadata.original_permlink)
-      );
-      // Strip out active_votes from crosspost as well
-      const crossedPost = fullCrossedPost
-        ? {
-            ...fullCrossedPost,
-            active_votes: []
-          }
-        : fullCrossedPost;
-
-      crosspost = {
-        community: crossedPost?.community_title ?? crossedPost?.community ?? '',
-        body: crossedPost?.body ?? '',
-        communityTag: crossedPost?.community ?? '',
-        authorReputation: crossedPost?.author_reputation ?? 0
-      };
-    } catch (error) {
-      logger.error('Failed to fetch crosspost:', error);
-    }
-  }
-  return {
-    props: {
-      dehydratedState: dehydrate(queryClient),
-      mutedStatus,
-      community,
-      username,
-      permlink,
-      metadata,
-      crosspost,
-      ...(await getTranslations(ctx))
-    }
-  };
-};
-
-export default PostPage;
diff --git a/apps/blog/pages/[param]/comments.tsx b/apps/blog/pages/[param]/comments.tsx
deleted file mode 100644
index 69bf8a4626138b3543c8e4c661463f863085852b..0000000000000000000000000000000000000000
--- a/apps/blog/pages/[param]/comments.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import UserPosts from './posts';
-import { GetServerSideProps } from 'next';
-import { getAccountMetadata, getTranslations } from '@/blog/lib/get-translations';
-
-export const getServerSideProps: GetServerSideProps = async (ctx) => {
-  return {
-    props: {
-      metadata: await getAccountMetadata((ctx.params?.param as string) ?? '', 'Comments by'),
-      ...(await getTranslations(ctx))
-    }
-  };
-};
-
-export default UserPosts;
diff --git a/apps/blog/pages/[param]/communities.tsx b/apps/blog/pages/[param]/communities.tsx
deleted file mode 100644
index e7e0f393529ea6275bcb2048e0e1203482a95b87..0000000000000000000000000000000000000000
--- a/apps/blog/pages/[param]/communities.tsx
+++ /dev/null
@@ -1,152 +0,0 @@
-import Link from 'next/link';
-import { useQuery } from '@tanstack/react-query';
-import { getSubscriptions } from '@transaction/lib/bridge';
-import { Badge } from '@transaction/lib/extended-hive.chain';
-import ProfileLayout from '@/blog/components/common/profile-layout';
-import SocialActivities from '@/blog/components/social-activities';
-import SubscriptionList from '@/blog/components/subscription-list';
-import Loading from '@ui/components/loading';
-import { useSiteParams } from '@ui/components/hooks/use-site-params';
-import { GetServerSideProps } from 'next';
-import { useTranslation } from 'next-i18next';
-import { validateHiveAccountName } from '@smart-signer/lib/validators/validate-hive-account-name';
-import { getLogger } from '@ui/lib/logging';
-import Error from 'next/error';
-import { getAccountMetadata, getTranslations, MetadataProps } from '@/blog/lib/get-translations';
-import { getAccountFull } from '@transaction/lib/hive';
-import Head from 'next/head';
-import { getUserAvatarUrl } from '@hive/ui';
-
-const logger = getLogger('app');
-
-const UserCommunities = ({
-  hivebuzz,
-  peakd,
-  metadata,
-  errorCode = 0
-}: {
-  hivebuzz: Badge[];
-  peakd: Badge[];
-  metadata: MetadataProps;
-  errorCode: number;
-}) => {
-  const { username } = useSiteParams();
-  const { t } = useTranslation('common_blog');
-  const { isLoading, data } = useQuery(['listAllSubscription', username], () => getSubscriptions(username), {
-    enabled: errorCode === 0 && !!username
-  });
-
-  if (errorCode) return <Error statusCode={errorCode} />;
-
-  if (isLoading) return <Loading loading={isLoading} />;
-
-  return (
-    <>
-      <Head>
-        <title>{metadata.tabTitle}</title>
-        <meta property="og:title" content={metadata.title} />
-        <meta property="og:description" content={metadata.description} />
-        <meta property="og:image" content={metadata.image} />
-      </Head>
-      <ProfileLayout>
-        <div className="flex flex-col py-8">
-          <h2 className="text-xl font-semibold" data-testid="community-subscriptions-label">
-            {t('user_profile.social_tab.community_subscriptions_title')}
-          </h2>
-          <p data-testid="community-subscriptions-description">
-            {t('user_profile.social_tab.the_author_has_subscribed_to_the_following')}
-          </p>
-          {data && data.length > 0 ? (
-            <SubscriptionList data={data} />
-          ) : (
-            <div
-              key="empty"
-              className="border-card-empty-border my-12 border-2 border-solid bg-card-noContent  px-4 py-6 text-sm"
-              data-testid="user-does-not-have-any-subscriptions-yet"
-            >
-              {t('user_profile.social_tab.you_dont_have_any_subscriptions')}
-            </div>
-          )}
-          <h2 className="text-xl font-semibold" data-testid="badges-achievements-label">
-            {t('user_profile.social_tab.badges_and_achievements_title')}
-          </h2>
-          <p data-testid="badges-achievements-description">
-            {t('user_profile.social_tab.these_are_badges_received_by_the_author')}
-            <Link href="https://peakd.com/" className="text-destructive hover:underline" target="_blank">
-              Peakd
-            </Link>
-            {` & `}
-            <Link href="https://hivebuzz.me/" className="text-destructive hover:underline" target="_blank">
-              Hivebuzz
-            </Link>
-            .
-          </p>
-
-          <SocialActivities data={hivebuzz} peakd={peakd} username={username} />
-        </div>
-      </ProfileLayout>
-    </>
-  );
-};
-
-export default UserCommunities;
-
-export const getServerSideProps: GetServerSideProps = async (context) => {
-  let hivebuzzJsonStateOn = [];
-  let peakdJsonMapedWithURL = [];
-  let errorCode = 0;
-
-  try {
-    const username = String(context.params?.param).slice(1);
-
-    const validationResult = validateHiveAccountName(username);
-    logger.info('validationResult: %s', validationResult);
-    if (validationResult !== null) {
-      errorCode = 404;
-      throw new Error({ statusCode: 404 });
-    }
-
-    const hivebuzzRes = await fetch(`https://hivebuzz.me/api/badges/${username}`);
-    if (hivebuzzRes.ok) {
-      const hivebuzzJson = await hivebuzzRes.json();
-      hivebuzzJsonStateOn = hivebuzzJson.filter((badge: Badge) => badge.state === 'on');
-    }
-
-    const peakdRes = await fetch(`https://peakd.com/api/public/badge/${username}`);
-    if (peakdRes.ok) {
-      const peakdJson = await peakdRes.json();
-      peakdJsonMapedWithURL = peakdJson?.map((obj: Badge) => ({
-        id: obj.title,
-        url: getUserAvatarUrl(obj.name, 'medium'),
-        title: obj.title
-      }));
-    }
-  } catch (error) {
-    logger.error('Error in getServerSideProps: %o', error);
-  }
-  const firstParam = (context.params?.param as string) ?? '';
-
-  let tabTitle;
-  if (firstParam.startsWith('@')) {
-    try {
-      // Fetch account data
-      const data = await getAccountFull(firstParam.split('@')[1]);
-      if (data) {
-        // If the account data exists, set the username to the account name
-        const username = data?.profile?.name ?? data.name;
-        tabTitle = '@' + username === firstParam ? `${username} - Hive` : `${username}(${firstParam}) - Hive`;
-      }
-    } catch (error) {
-      console.error('Error fetching account:', error);
-    }
-  }
-  return {
-    props: {
-      errorCode,
-      hivebuzz: hivebuzzJsonStateOn,
-      peakd: peakdJsonMapedWithURL,
-      metadata: await getAccountMetadata((context.params?.param as string) ?? '', 'Communities of'),
-      ...(await getTranslations(context))
-    }
-  };
-};
diff --git a/apps/blog/pages/[param]/feed.tsx b/apps/blog/pages/[param]/feed.tsx
deleted file mode 100644
index 701b5ab37edd95bb613c3470d2e96add8d21b7a5..0000000000000000000000000000000000000000
--- a/apps/blog/pages/[param]/feed.tsx
+++ /dev/null
@@ -1,160 +0,0 @@
-import { useSiteParams } from '@ui/components/hooks/use-site-params';
-import { useInfiniteQuery, useQuery } from '@tanstack/react-query';
-import { DATA_LIMIT as PER_PAGE, getAccountPosts, getSubscriptions } from '@transaction/lib/bridge';
-import { Entry } from '@transaction/lib/extended-hive.chain';
-import Loading from '@hive/ui/components/loading';
-import { FC, useEffect } from 'react';
-import PostList from '@/blog/components/post-list';
-import { useInView } from 'react-intersection-observer';
-import { useTranslation } from 'next-i18next';
-import { GetServerSideProps } from 'next';
-import Link from 'next/link';
-import BasePathLink from '@/blog/components/base-path-link';
-import { CommunitiesSelect } from '@/blog/components/communities-select';
-import { useUser } from '@smart-signer/lib/auth/use-user';
-import { getDefaultProps } from '../../lib/get-translations';
-import Head from 'next/head';
-import CommunityLayout from '@/blog/feature/community-layout/community-layout';
-import NoDataError from '@/blog/components/no-data-error';
-import { DEFAULT_PREFERENCES, Preferences } from '@/blog/lib/utils';
-
-import { useLocalStorage } from 'usehooks-ts';
-import PostCardSkeleton from '@ui/components/card-skeleton';
-
-export const getServerSideProps: GetServerSideProps = getDefaultProps;
-
-const TAB_TITLE = 'My Friends - Hive';
-const FeedPage: FC = () => {
-  const { t } = useTranslation('common_blog');
-  const { username, tag } = useSiteParams();
-  const { ref: refAcc, inView: inViewAcc } = useInView();
-  const { user } = useUser();
-  const [preferences] = useLocalStorage<Preferences>(
-    `user-preferences-${user.username}`,
-    DEFAULT_PREFERENCES
-  );
-
-  const {
-    data: accountEntriesData,
-    isLoading: accountEntriesIsLoading,
-    isFetching: accountEntriesIsFetching,
-    isError: accountEntriesIsError,
-    isFetchingNextPage: accountIsFetchingNextPage,
-    fetchNextPage: accountFetchNextPage,
-    hasNextPage: accountHasNextPage
-  } = useInfiniteQuery(
-    ['accountEntriesInfinite', username],
-    async ({ pageParam }: { pageParam?: Entry }) => {
-      return await getAccountPosts(
-        'feed',
-        username,
-        user.username === '' ? 'hive.blog' : user.username,
-        pageParam?.author,
-        pageParam?.permlink
-      );
-    },
-    {
-      getNextPageParam: (lastPage) => {
-        if (lastPage && lastPage.length === PER_PAGE) {
-          return {
-            author: lastPage[lastPage.length - 1].author,
-            permlink: lastPage[lastPage.length - 1].permlink
-          };
-        }
-      },
-      enabled: Boolean(username)
-    }
-  );
-  const { data: mySubsData, isError: mySubsIsError } = useQuery(
-    ['subscriptions', user?.username],
-    () => getSubscriptions(user?.username || ''),
-    {
-      enabled: Boolean(user?.username)
-    }
-  );
-  useEffect(() => {
-    if (inViewAcc && accountHasNextPage) {
-      accountFetchNextPage();
-    }
-  }, [accountFetchNextPage, accountHasNextPage, inViewAcc]);
-
-  if (accountEntriesIsError || mySubsIsError) return <NoDataError />;
-
-  if (accountEntriesIsLoading && accountEntriesIsFetching) {
-    return <Loading loading={accountEntriesIsLoading || accountEntriesIsFetching} />;
-  }
-
-  return (
-    <>
-      <Head>
-        <title>{TAB_TITLE}</title>
-      </Head>
-
-      <CommunityLayout community={''} mySubsData={mySubsData}>
-        <div className="col-span-12 pt-4 md:col-span-9 xl:col-span-8 xl:pt-0">
-          <span className="text-md mt-4 hidden text-xl font-medium xl:block">
-            {t('navigation.communities_nav.my_friends')}
-          </span>
-          <span className="xl:hidden" translate="no">
-            <CommunitiesSelect
-              username={user?.username}
-              mySubsData={mySubsData}
-              title={t('navigation.communities_nav.my_friends')}
-            />
-          </span>
-
-          <div className="col-span-12 mb-5 flex flex-col py-4 md:col-span-10 lg:col-span-8">
-            {!accountEntriesIsLoading && accountEntriesData ? (
-              <>
-                {accountEntriesData.pages[0]?.length !== 0 ? (
-                  accountEntriesData.pages.map((page, index) => {
-                    return page ? (
-                      <PostList data={page} key={`x-${index}`} nsfwPreferences={preferences.nsfw} />
-                    ) : null;
-                  })
-                ) : (
-                  <div
-                    className="border-card-empty-border flex flex-col gap-6 border-2 border-solid bg-card-noContent px-4 py-6 text-sm"
-                    data-testid="user-has-not-started-blogging-yet"
-                  >
-                    <span>You haven&apos;t followed anyone yet!</span>
-                    <span style={{ fontSize: '1.1rem' }}>
-                      <Link href="/" className="w-fit text-destructive">
-                        Explore Trending
-                      </Link>
-                    </span>
-                    <BasePathLink href="/welcome" className="w-fit text-destructive">
-                      New users guide
-                    </BasePathLink>
-                  </div>
-                )}
-                <div>
-                  {user?.username ? (
-                    <button
-                      ref={refAcc}
-                      onClick={() => accountFetchNextPage()}
-                      disabled={!accountHasNextPage || accountIsFetchingNextPage}
-                    >
-                      {accountIsFetchingNextPage ? (
-                        <PostCardSkeleton />
-                      ) : accountHasNextPage ? (
-                        t('user_profile.load_newer')
-                      ) : accountEntriesData.pages[0] && accountEntriesData.pages[0].length > 0 ? (
-                        t('user_profile.nothing_more_to_load')
-                      ) : null}
-                    </button>
-                  ) : null}
-                </div>
-                <div>
-                  {accountEntriesIsFetching && !accountIsFetchingNextPage ? 'Background Updating...' : null}
-                </div>
-              </>
-            ) : null}
-          </div>
-        </div>
-      </CommunityLayout>
-    </>
-  );
-};
-
-export default FeedPage;
diff --git a/apps/blog/pages/[param]/followed.tsx b/apps/blog/pages/[param]/followed.tsx
deleted file mode 100644
index 4f51204e28d0b9aac1376f08be8652637d3db57c..0000000000000000000000000000000000000000
--- a/apps/blog/pages/[param]/followed.tsx
+++ /dev/null
@@ -1,114 +0,0 @@
-import ProfileLayout from '@/blog/components/common/profile-layout';
-import { useFollowingInfiniteQuery } from '@/blog/components/hooks/use-following-infinitequery';
-import { useSiteParams } from '@ui/components/hooks/use-site-params';
-import PrevNextButtons from '@/blog/components/prev-next-buttons';
-import { FullAccount } from '@ui/store/app-types';
-import { useQueryClient } from '@tanstack/react-query';
-import BasePathLink from '@/blog/components/base-path-link';
-import { useState } from 'react';
-import { useTranslation } from 'next-i18next';
-import { GetServerSideProps } from 'next';
-import { useUser } from '@smart-signer/lib/auth/use-user';
-import ButtonsContainer from '@/blog/components/buttons-container';
-import { getAccountMetadata, getTranslations, MetadataProps } from '@/blog/lib/get-translations';
-import Head from 'next/head';
-
-const LIMIT = 50;
-export default function Followed({ metadata }: { metadata: MetadataProps }) {
-  const { username } = useSiteParams();
-  const { t } = useTranslation('common_blog');
-  const [page, setPage] = useState(0);
-  const profileData = useQueryClient().getQueryData<FullAccount>(['profileData', username]);
-
-  const { user } = useUser();
-  const followingData = useFollowingInfiniteQuery(username, LIMIT);
-  const following = useFollowingInfiniteQuery(user?.username || '', 1000, 'blog', ['blog']);
-  const mute = useFollowingInfiniteQuery(user.username, 1000, 'ignore', ['ignore']);
-
-  const handleNextPage = () => {
-    if (!followingData.data) return;
-
-    if (page + 1 < followingData.data.pages.length) {
-      return setPage((prev) => prev + 1);
-    }
-    followingData.fetchNextPage().then(() => setPage((prev) => prev + 1));
-  };
-  const handlePrevPage = () => {
-    if (page <= 0) return;
-    setPage((prev) => prev - 1);
-  };
-  return (
-    <>
-      <Head>
-        <title>{metadata.tabTitle}</title>
-        <meta property="og:title" content={metadata.title} />
-        <meta property="og:description" content={metadata.description} />
-        <meta property="og:image" content={metadata.image} />
-      </Head>
-      <ProfileLayout>
-        <div className="flex flex-col gap-2 p-2">
-          <h1 className="self-center p-2">
-            {t('user_profile.lists.followed_pages', {
-              current: page + 1,
-              total: profileData?.follow_stats?.following_count
-                ? Math.ceil(profileData?.follow_stats?.following_count / LIMIT)
-                : '?'
-            })}
-          </h1>
-          <PrevNextButtons
-            onNextPage={handleNextPage}
-            onPrevPage={handlePrevPage}
-            hasNextPage={!!followingData.hasNextPage}
-            hasPrevPage={page > 0}
-            isLoading={followingData.isFetchingNextPage}
-          />
-          <ul>
-            {followingData.data?.pages[page].map((e) => (
-              <li
-                key={e.following}
-                className="flex items-center justify-between bg-background-tertiary px-3 font-semibold text-destructive odd:bg-background"
-              >
-                <BasePathLink href={`/@${e.following}`}>{e.following}</BasePathLink>
-                {!user.isLoggedIn || user.username === e.following ? null : (
-                  <div className="flex gap-2">
-                    <ButtonsContainer
-                      username={e.following}
-                      user={user}
-                      variant="basic"
-                      follow={following}
-                      mute={mute}
-                    />
-                  </div>
-                )}
-              </li>
-            ))}
-          </ul>
-          <PrevNextButtons
-            onNextPage={handleNextPage}
-            onPrevPage={handlePrevPage}
-            hasNextPage={!!followingData.hasNextPage}
-            hasPrevPage={page > 0}
-            isLoading={followingData.isFetchingNextPage}
-          />
-          <h1 className="self-center p-2">
-            {t('user_profile.lists.followed_pages', {
-              current: page + 1,
-              total: profileData?.follow_stats?.following_count
-                ? Math.ceil(profileData?.follow_stats?.following_count / LIMIT)
-                : '?'
-            })}
-          </h1>
-        </div>
-      </ProfileLayout>
-    </>
-  );
-}
-
-export const getServerSideProps: GetServerSideProps = async (ctx) => {
-  return {
-    props: {
-      metadata: await getAccountMetadata((ctx.params?.param as string) ?? '', 'Followers of'),
-      ...(await getTranslations(ctx))
-    }
-  };
-};
diff --git a/apps/blog/pages/[param]/followers.tsx b/apps/blog/pages/[param]/followers.tsx
deleted file mode 100644
index 964651bb8c76afbebbecdbb91896f85596e3ca81..0000000000000000000000000000000000000000
--- a/apps/blog/pages/[param]/followers.tsx
+++ /dev/null
@@ -1,118 +0,0 @@
-import ProfileLayout from '@/blog/components/common/profile-layout';
-import { useFollowersInfiniteQuery } from '@/blog/components/hooks/use-followers-infinitequery';
-import { useSiteParams } from '@ui/components/hooks/use-site-params';
-import PrevNextButtons from '@/blog/components/prev-next-buttons';
-import { FullAccount } from '@ui/store/app-types';
-import { useQueryClient } from '@tanstack/react-query';
-import BasePathLink from '@/blog/components/base-path-link';
-import { useState } from 'react';
-import { useTranslation } from 'next-i18next';
-import { GetServerSideProps } from 'next';
-import { useFollowingInfiniteQuery } from '@/blog/components/hooks/use-following-infinitequery';
-import { useUser } from '@smart-signer/lib/auth/use-user';
-import { getAccountMetadata, getTranslations } from '@/blog/lib/get-translations';
-import ButtonsContainer from '@/blog/components/buttons-container';
-import Head from 'next/head';
-
-const LIMIT = 50;
-export default function Followers({
-  metadata
-}: {
-  metadata: { tabTitle: string; description: string; image: string; title: string };
-}) {
-  const { username } = useSiteParams();
-  const { t } = useTranslation('common_blog');
-  const [page, setPage] = useState(0);
-  const { user } = useUser();
-  const profileData = useQueryClient().getQueryData<FullAccount>(['profileData', username]);
-  const followersData = useFollowersInfiniteQuery(username, LIMIT);
-  const following = useFollowingInfiniteQuery(user.username, 1000, 'blog', ['blog']);
-  const mute = useFollowingInfiniteQuery(user.username, 1000, 'ignore', ['ignore']);
-
-  const handleNextPage = () => {
-    if (!followersData.data) return;
-
-    if (page + 1 < followersData.data.pages.length) {
-      return setPage((prev) => prev + 1);
-    }
-    followersData.fetchNextPage().then(() => setPage((prev) => prev + 1));
-  };
-  const handlePrevPage = () => {
-    if (page <= 0) return;
-    setPage((prev) => prev - 1);
-  };
-  return (
-    <>
-      <Head>
-        <title>{metadata.tabTitle}</title>
-        <meta property="og:title" content={metadata.title} />
-        <meta property="og:description" content={metadata.description} />
-        <meta property="og:image" content={metadata.image} />
-      </Head>
-      <ProfileLayout>
-        <div className="flex flex-col gap-2 p-2">
-          <h1 className="self-center p-2">
-            {t('user_profile.lists.followers_pages', {
-              current: page + 1,
-              total: profileData?.follow_stats?.follower_count
-                ? Math.ceil(profileData?.follow_stats?.follower_count / LIMIT)
-                : 1
-            })}
-          </h1>
-          <PrevNextButtons
-            onNextPage={handleNextPage}
-            onPrevPage={handlePrevPage}
-            hasNextPage={!!followersData.hasNextPage}
-            hasPrevPage={page > 0}
-            isLoading={followersData.isFetchingNextPage}
-          />
-          <ul>
-            {followersData.data?.pages[page].map((e) => (
-              <li
-                key={e.follower}
-                className="flex items-center justify-between bg-background-tertiary px-3 font-semibold text-destructive odd:bg-background"
-              >
-                <BasePathLink href={`/@${e.follower}`}>{e.follower}</BasePathLink>
-                {!user.isLoggedIn || user.username === e.follower ? null : (
-                  <div>
-                    <ButtonsContainer
-                      username={e.follower}
-                      user={user}
-                      variant="basic"
-                      follow={following}
-                      mute={mute}
-                    />
-                  </div>
-                )}
-              </li>
-            ))}
-          </ul>
-          <PrevNextButtons
-            onNextPage={handleNextPage}
-            onPrevPage={handlePrevPage}
-            hasNextPage={!!followersData.hasNextPage}
-            hasPrevPage={page > 0}
-            isLoading={followersData.isFetchingNextPage}
-          />
-          <h1 className="self-center p-2">
-            {t('user_profile.lists.followers_pages', {
-              current: page + 1,
-              total: profileData?.follow_stats?.follower_count
-                ? Math.ceil(profileData?.follow_stats?.follower_count / LIMIT)
-                : 1
-            })}
-          </h1>
-        </div>
-      </ProfileLayout>
-    </>
-  );
-}
-
-export const getServerSideProps: GetServerSideProps = async (ctx) => {
-  return {
-    props: {
-      metadata: await getAccountMetadata((ctx.params?.param as string) ?? '', 'Followers of'),
-      ...(await getTranslations(ctx))
-    }
-  };
-};
diff --git a/apps/blog/pages/[param]/lists/blacklisted.tsx b/apps/blog/pages/[param]/lists/blacklisted.tsx
deleted file mode 100644
index 5fd5cc69580c0627bd74a3f56912534583035691..0000000000000000000000000000000000000000
--- a/apps/blog/pages/[param]/lists/blacklisted.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { useSiteParams } from '@ui/components/hooks/use-site-params';
-import ProfileLists from '@/blog/components/profile-lists-component';
-import { useFollowListQuery } from '@/blog/components/hooks/use-follow-list';
-import { GetServerSideProps } from 'next';
-import { getAccountMetadata, getTranslations, MetadataProps } from '@/blog/lib/get-translations';
-
-export const getServerSideProps: GetServerSideProps = async (ctx) => {
-  return {
-    props: {
-      metadata: await getAccountMetadata((ctx.params?.param as string) ?? '', 'Blacklisted by'),
-      ...(await getTranslations(ctx))
-    }
-  };
-};
-export default function Blacklist({ metadata }: { metadata: MetadataProps }) {
-  const { username } = useSiteParams();
-  const blacklistedQuery = useFollowListQuery(username, 'blacklisted');
-  if (blacklistedQuery.isLoading) {
-    return <div>Loading</div>;
-  }
-  return (
-    <ProfileLists
-      username={username}
-      variant="blacklisted"
-      data={blacklistedQuery.data}
-      metadata={metadata}
-    />
-  );
-}
diff --git a/apps/blog/pages/[param]/lists/followed_blacklists.tsx b/apps/blog/pages/[param]/lists/followed_blacklists.tsx
deleted file mode 100644
index 7c1b6ea0b65f537c369ef861412d5189167667f1..0000000000000000000000000000000000000000
--- a/apps/blog/pages/[param]/lists/followed_blacklists.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-import { useSiteParams } from '@ui/components/hooks/use-site-params';
-import ProfileLists from '@/blog/components/profile-lists-component';
-import { useFollowListQuery } from '@/blog/components/hooks/use-follow-list';
-import { GetServerSideProps } from 'next';
-import { getAccountMetadata, getTranslations, MetadataProps } from '@/blog/lib/get-translations';
-
-export const getServerSideProps: GetServerSideProps = async (ctx) => {
-  return {
-    props: {
-      metadata: await getAccountMetadata((ctx.params?.param as string) ?? '', 'Followed Blacklists by'),
-      ...(await getTranslations(ctx))
-    }
-  };
-};
-
-export default function FollowedBlacklist({ metadata }: { metadata: MetadataProps }) {
-  const { username } = useSiteParams();
-  const followedBlacklistQuery = useFollowListQuery(username, 'follow_blacklist');
-  if (followedBlacklistQuery.isLoading) {
-    return <div>Loading</div>;
-  }
-  return (
-    <ProfileLists
-      username={username}
-      variant="followedBlacklist"
-      data={followedBlacklistQuery.data}
-      metadata={metadata}
-    />
-  );
-}
diff --git a/apps/blog/pages/[param]/lists/followed_muted_lists.tsx b/apps/blog/pages/[param]/lists/followed_muted_lists.tsx
deleted file mode 100644
index d3425bc2eed684f87e3bd9dedaf5d57a4630cd19..0000000000000000000000000000000000000000
--- a/apps/blog/pages/[param]/lists/followed_muted_lists.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-import { useFollowListQuery } from '@/blog/components/hooks/use-follow-list';
-import { useSiteParams } from '@ui/components/hooks/use-site-params';
-import ProfileLists from '@/blog/components/profile-lists-component';
-import { GetServerSideProps } from 'next';
-import { getAccountMetadata, getTranslations, MetadataProps } from '@/blog/lib/get-translations';
-
-export const getServerSideProps: GetServerSideProps = async (ctx) => {
-  return {
-    props: {
-      metadata: await getAccountMetadata((ctx.params?.param as string) ?? '', 'Followed Muted Lists by'),
-      ...(await getTranslations(ctx))
-    }
-  };
-};
-
-export default function FollowedMutedList({ metadata }: { metadata: MetadataProps }) {
-  const { username } = useSiteParams();
-  const followedMuteQuery = useFollowListQuery(username, 'follow_muted');
-  if (followedMuteQuery.isLoading) {
-    return <div>Loading</div>;
-  }
-  return (
-    <ProfileLists
-      username={username}
-      variant="followedMute"
-      data={followedMuteQuery.data}
-      metadata={metadata}
-    />
-  );
-}
diff --git a/apps/blog/pages/[param]/lists/muted.tsx b/apps/blog/pages/[param]/lists/muted.tsx
deleted file mode 100644
index 3422d4dac8c62e1055a39b566a38ebadfe4d2dde..0000000000000000000000000000000000000000
--- a/apps/blog/pages/[param]/lists/muted.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import { useSiteParams } from '@ui/components/hooks/use-site-params';
-import ProfileLists from '@/blog/components/profile-lists-component';
-import { useFollowListQuery } from '@/blog/components/hooks/use-follow-list';
-import { GetServerSideProps } from 'next';
-import { getAccountMetadata, getTranslations, MetadataProps } from '@/blog/lib/get-translations';
-
-export const getServerSideProps: GetServerSideProps = async (ctx) => {
-  return {
-    props: {
-      metadata: await getAccountMetadata((ctx.params?.param as string) ?? '', 'Muted by'),
-      ...(await getTranslations(ctx))
-    }
-  };
-};
-export default function Muted({ metadata }: { metadata: MetadataProps }) {
-  const { username } = useSiteParams();
-  const mutedQuery = useFollowListQuery(username, 'muted');
-  if (mutedQuery.isLoading) {
-    return <div>Loading</div>;
-  }
-  return <ProfileLists username={username} variant="muted" data={mutedQuery.data} metadata={metadata} />;
-}
diff --git a/apps/blog/pages/[param]/my.tsx b/apps/blog/pages/[param]/my.tsx
deleted file mode 100644
index 2c274638e4524a6dec42487ff80139facaf79549..0000000000000000000000000000000000000000
--- a/apps/blog/pages/[param]/my.tsx
+++ /dev/null
@@ -1,161 +0,0 @@
-import { useSiteParams } from '@ui/components/hooks/use-site-params';
-import { useInfiniteQuery, useQuery } from '@tanstack/react-query';
-import {
-  DATA_LIMIT,
-  DATA_LIMIT as PER_PAGE,
-  getPostsRanked,
-  getSubscriptions
-} from '@transaction/lib/bridge';
-import Loading from '@hive/ui/components/loading';
-import { FC, useCallback, useEffect } from 'react';
-import PostList from '@/blog/components/post-list';
-import PostSelectFilter from '@/blog/components/post-select-filter';
-import { useRouter } from 'next/router';
-import { useInView } from 'react-intersection-observer';
-import { CommunitiesSelect } from '@/blog/components/communities-select';
-import { useTranslation } from 'next-i18next';
-import { GetServerSideProps } from 'next';
-import { useUser } from '@smart-signer/lib/auth/use-user';
-import Link from 'next/link';
-import { getDefaultProps } from '../../lib/get-translations';
-import Head from 'next/head';
-import CommunityLayout from '@/blog/feature/community-layout/community-layout';
-import { withBasePath } from '@/blog/utils/PathUtils';
-import { useLocalStorage } from 'usehooks-ts';
-import { DEFAULT_PREFERENCES, Preferences } from '@/blog/lib/utils';
-import PostCardSkeleton from '@ui/components/card-skeleton';
-
-export const getServerSideProps: GetServerSideProps = getDefaultProps;
-
-const MyPage: FC = () => {
-  const router = useRouter();
-  const tabTitle = `My Communities / ${router.query.param} - Hive`;
-  const { sort } = useSiteParams();
-  const { user } = useUser();
-  const { t } = useTranslation('common_blog');
-  const { ref, inView } = useInView();
-  const [preferences] = useLocalStorage<Preferences>(
-    `user-preferences-${user.username}`,
-    DEFAULT_PREFERENCES
-  );
-  const { data: mySubsData } = useQuery(
-    ['subscriptions', user?.username],
-    () => getSubscriptions(user ? user?.username : ''),
-    {
-      enabled: Boolean(user?.username)
-    }
-  );
-
-  const handleChangeFilter = useCallback(
-    (e: string) => {
-      router.push(withBasePath(`/${e}/my`), undefined, { shallow: true });
-    },
-    [router]
-  );
-  const {
-    data: entriesData,
-    isLoading: entriesDataIsLoading,
-    isFetching: entriesDataIsFetching,
-    isFetchingNextPage,
-    fetchNextPage,
-    hasNextPage
-  } = useInfiniteQuery(
-    ['entriesInfinite', sort, 'my'],
-    async ({ pageParam }: { pageParam?: { author: string; permlink: string } }) => {
-      return await getPostsRanked(
-        sort || 'trending',
-        'my',
-        pageParam?.author,
-        pageParam?.permlink,
-        user?.username,
-        DATA_LIMIT
-      );
-    },
-    {
-      getNextPageParam: (lastPage) => {
-        if (lastPage && lastPage.length === PER_PAGE) {
-          return {
-            author: lastPage[lastPage.length - 1].author,
-            permlink: lastPage[lastPage.length - 1].permlink
-          };
-        }
-      },
-      enabled: Boolean(sort)
-    }
-  );
-  useEffect(() => {
-    if (inView && hasNextPage) {
-      fetchNextPage();
-    }
-  }, [fetchNextPage, hasNextPage, inView]);
-
-  if (entriesDataIsLoading && entriesDataIsFetching) {
-    return <Loading loading={entriesDataIsLoading || entriesDataIsFetching} />;
-  }
-
-  return (
-    <>
-      <Head>
-        <title>{tabTitle}</title>
-      </Head>
-      <div className="container mx-auto max-w-screen-2xl flex-grow px-4 pb-2">
-        <CommunityLayout community="" mySubsData={mySubsData}>
-          <div className="my-4 flex w-full items-center justify-between" translate="no">
-            <div className="mr-2 flex w-[320px] flex-col">
-              <span className="text-md hidden font-medium md:block">My communities</span>
-              <span className="md:hidden">
-                <CommunitiesSelect
-                  mySubsData={mySubsData}
-                  username={user?.username || undefined}
-                  title="My Communities"
-                />
-              </span>
-            </div>
-            <div className="w-[180px]">
-              <PostSelectFilter filter={sort} handleChangeFilter={handleChangeFilter} />
-            </div>
-          </div>
-          <>
-            {entriesData && entriesData.pages[0]?.length !== 0 ? (
-              entriesData.pages.map((page, index) => {
-                return page ? (
-                  <PostList data={page} key={`f-${index}`} nsfwPreferences={preferences.nsfw} />
-                ) : null;
-              })
-            ) : (
-              <div
-                key="empty"
-                className="border-card-empty-border flex flex-col gap-6 border-2 border-solid bg-card-noContent px-4 py-6 text-sm"
-              >
-                <span>You haven&apos;t joined any active communities yet!</span>
-                <Link className="text-xl text-destructive" href="../communities">
-                  Explore Communities
-                </Link>
-              </div>
-            )}
-            {entriesData && entriesData.pages[0]?.length !== 0 ? (
-              <div>
-                <button
-                  ref={ref}
-                  onClick={() => fetchNextPage()}
-                  disabled={!hasNextPage || isFetchingNextPage}
-                >
-                  {isFetchingNextPage ? (
-                    <PostCardSkeleton />
-                  ) : hasNextPage ? (
-                    t('user_profile.load_newer')
-                  ) : (
-                    t('user_profile.nothing_more_to_load')
-                  )}
-                </button>
-              </div>
-            ) : null}
-            <div>{entriesDataIsFetching && !isFetchingNextPage ? 'Background Updating...' : null}</div>
-          </>
-        </CommunityLayout>
-      </div>
-    </>
-  );
-};
-
-export default MyPage;
diff --git a/apps/blog/pages/[param]/notifications.tsx b/apps/blog/pages/[param]/notifications.tsx
deleted file mode 100644
index 444dd5e9ec483c73da83ea4173387aa7aeaebff4..0000000000000000000000000000000000000000
--- a/apps/blog/pages/[param]/notifications.tsx
+++ /dev/null
@@ -1,76 +0,0 @@
-import { useQuery } from '@tanstack/react-query';
-import { getAccountNotifications } from '@transaction/lib/bridge';
-import LayoutProfile from '@/blog/components/common/profile-layout';
-import NotificationActivities from '@/blog/components/notification-activities';
-import { useSiteParams } from '@ui/components/hooks/use-site-params';
-import Loading from '@ui/components/loading';
-import { GetServerSideProps } from 'next';
-import { useTranslation } from 'next-i18next';
-import { getAccountMetadata, getTranslations, MetadataProps } from '@/blog/lib/get-translations';
-import Head from 'next/head';
-import { getAccountFull } from '@transaction/lib/hive';
-
-export default function UserNotifications({ metadata }: { metadata: MetadataProps }) {
-  const { t } = useTranslation('common_blog');
-  const { username } = useSiteParams();
-  const { isLoading, data } = useQuery(
-    ['AccountNotification', username],
-    () => getAccountNotifications(username),
-    {
-      enabled: !!username
-    }
-  );
-  if (isLoading) return <Loading loading={isLoading} />;
-
-  return (
-    <>
-      <Head>
-        <title>{metadata.tabTitle}</title>
-        <meta property="og:title" content={metadata.title} />
-        <meta property="og:description" content={metadata.description} />
-        <meta property="og:image" content={metadata.image} />
-      </Head>
-      <LayoutProfile>
-        <div className="flex w-full flex-col">
-          {data && data.length > 0 ? (
-            <NotificationActivities data={data} username={username} />
-          ) : (
-            <div
-              key="empty"
-              className="border-card-empty-border mt-12 border-2 border-solid bg-card-noContent px-4 py-6 text-sm"
-              data-testid="user-has-not-had-any-notifications-yet"
-            >
-              {t('user_profile.no_notifications_yet', { username: username })}
-            </div>
-          )}
-        </div>
-      </LayoutProfile>
-    </>
-  );
-}
-
-export const getServerSideProps: GetServerSideProps = async (ctx) => {
-  const firstParam = (ctx.params?.param as string) ?? '';
-
-  let tabTitle;
-  if (firstParam.startsWith('@')) {
-    try {
-      // Fetch account data
-      const data = await getAccountFull(firstParam.split('@')[1]);
-      if (data) {
-        // If the account data exists, set the username to the account name
-        const username = data?.profile?.name ?? data.name;
-        tabTitle = '@' + username === firstParam ? `${username} - Hive` : `${username}(${firstParam}) - Hive`;
-      }
-    } catch (error) {
-      console.error('Error fetching account:', error);
-    }
-  }
-
-  return {
-    props: {
-      metadata: await getAccountMetadata((ctx.params?.param as string) ?? '', 'Account Notifications'),
-      ...(await getTranslations(ctx))
-    }
-  };
-};
diff --git a/apps/blog/pages/[param]/payout.tsx b/apps/blog/pages/[param]/payout.tsx
deleted file mode 100644
index a6679b2e1edf91c6d1a870ef55777f0e0351a3a8..0000000000000000000000000000000000000000
--- a/apps/blog/pages/[param]/payout.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import UserPosts from './posts';
-import { GetServerSideProps } from 'next';
-import { getAccountMetadata, getTranslations } from '@/blog/lib/get-translations';
-
-export const getServerSideProps: GetServerSideProps = async (ctx) => {
-  return {
-    props: {
-      metadata: await getAccountMetadata((ctx.params?.param as string) ?? '', 'Payouts'),
-      ...(await getTranslations(ctx))
-    }
-  };
-};
-export default UserPosts;
diff --git a/apps/blog/pages/[param]/posts.tsx b/apps/blog/pages/[param]/posts.tsx
deleted file mode 100644
index 0e316ce5349e3e5337056ef4154fb9fae666e9fc..0000000000000000000000000000000000000000
--- a/apps/blog/pages/[param]/posts.tsx
+++ /dev/null
@@ -1,242 +0,0 @@
-import { useInfiniteQuery } from '@tanstack/react-query';
-import { getAccountPosts, DATA_LIMIT as PER_PAGE } from '@transaction/lib/bridge';
-import ProfileLayout from '@/blog/components/common/profile-layout';
-import { useSiteParams } from '@ui/components/hooks/use-site-params';
-import { Tabs, TabsContent, TabsList, TabsTrigger } from '@ui/components/tabs';
-import PostList from '@/blog/components/post-list';
-import { useRouter } from 'next/router';
-import RepliesList from '@/blog/components/replies-list';
-import { useInView } from 'react-intersection-observer';
-import { FC, useEffect } from 'react';
-import { GetServerSideProps } from 'next';
-import { useTranslation } from 'next-i18next';
-import { useUser } from '@smart-signer/lib/auth/use-user';
-import userIllegalContent from '@ui/config/lists/user-illegal-content';
-import { getAccountMetadata, getTranslations, MetadataProps } from '@/blog/lib/get-translations';
-import Head from 'next/head';
-import { DEFAULT_PREFERENCES, Preferences } from '@/blog/lib/utils';
-
-import { useLocalStorage } from 'usehooks-ts';
-import PostCardSkeleton from '@ui/components/card-skeleton';
-
-const UserPosts: FC<{ metadata: MetadataProps }> = ({ metadata }) => {
-  const { t } = useTranslation('common_blog');
-  const router = useRouter();
-  const { username } = useSiteParams();
-  const { ref, inView } = useInView();
-  const sort = router.pathname.split('/')[router.pathname.split('/').length - 1];
-  const { user } = useUser();
-  const [preferences] = useLocalStorage<Preferences>(
-    `user-preferences-${user.username}`,
-    DEFAULT_PREFERENCES
-  );
-  const { data, isLoading, isFetching, isFetchingNextPage, fetchNextPage, hasNextPage } = useInfiniteQuery(
-    ['accountRepliesInfinite', username, sort],
-    async ({ pageParam }: { pageParam?: { author: string; permlink: string } }) => {
-      return await getAccountPosts(
-        sort || 'trending',
-        username,
-        user.username === '' ? 'hive.blog' : user.username,
-        pageParam?.author,
-        pageParam?.permlink
-      );
-    },
-    {
-      getNextPageParam: (lastPage) => {
-        if (lastPage && lastPage.length === PER_PAGE) {
-          return {
-            author: lastPage[lastPage.length - 1].author,
-            permlink: lastPage[lastPage.length - 1].permlink
-          };
-        }
-      },
-
-      enabled: Boolean(sort) && !!username
-    }
-  );
-  const legalBlockedUser = userIllegalContent.includes(username);
-
-  useEffect(() => {
-    if (inView) {
-      fetchNextPage();
-    }
-  }, [fetchNextPage, inView]);
-
-  return (
-    <>
-      <Head>
-        <title>{metadata.tabTitle}</title>
-        <meta property="og:title" content={metadata.title} />
-        <meta property="og:description" content={metadata.description} />
-        <meta property="og:image" content={metadata.image} />
-      </Head>
-      <ProfileLayout>
-        <div className="flex flex-col">
-          <Tabs
-            defaultValue={sort}
-            className="w-full"
-            onValueChange={(s) => {
-              // Use window.location for subdirectory deployments to ensure catch-all route works
-              if (router.basePath) {
-                window.location.href = `${router.basePath}/@${username}/${s}`;
-              } else {
-                // Use client-side navigation for root deployments (faster)
-                router.push(`/@${username}/${s}`);
-              }
-            }}
-          >
-            <TabsList className="flex justify-start bg-background-tertiary" data-testid="user-post-menu">
-              <TabsTrigger value="posts">{t('navigation.profile_posts_tab_navbar.posts')}</TabsTrigger>
-              <TabsTrigger value="comments">{t('navigation.profile_posts_tab_navbar.comments')}</TabsTrigger>
-              <TabsTrigger value="payout">{t('navigation.profile_posts_tab_navbar.payouts')}</TabsTrigger>
-            </TabsList>
-            <TabsContent value="posts">
-              {!legalBlockedUser ? (
-                <>
-                  {!isLoading && data ? (
-                    <>
-                      {data.pages.map((page, index) => {
-                        return page && page.length > 0 ? (
-                          <PostList
-                            data={page}
-                            key={`posts-${index}`}
-                            testFilter="user-posts"
-                            nsfwPreferences={preferences.nsfw}
-                          />
-                        ) : (
-                          <div
-                            key="empty"
-                            className="border-card-empty-border mt-12 border-2 border-solid bg-card-noContent px-4 py-6 text-sm"
-                            data-testid="user-has-not-made-any-post-yet"
-                          >
-                            {t('user_profile.no_posts_yet', { username: username })}
-                          </div>
-                        );
-                      })}
-                      <div>
-                        <button
-                          ref={ref}
-                          onClick={() => fetchNextPage()}
-                          disabled={!hasNextPage || isFetchingNextPage}
-                        >
-                          {isFetchingNextPage ? (
-                            <PostCardSkeleton />
-                          ) : hasNextPage ? (
-                            'Load Newer'
-                          ) : data.pages[0] && data.pages[0].length > 0 ? (
-                            'Nothing more to load'
-                          ) : null}
-                        </button>
-                      </div>
-                      <div>{isFetching && !isFetchingNextPage ? 'Background Updating...' : null}</div>
-                    </>
-                  ) : null}
-                </>
-              ) : (
-                <div className="p-10">{t('global.unavailable_for_legal_reasons')}</div>
-              )}
-            </TabsContent>
-            <TabsContent value="comments">
-              {!legalBlockedUser ? (
-                <>
-                  {!isLoading && data ? (
-                    <>
-                      {data.pages.map((page, index) => {
-                        return page && page.length > 0 ? (
-                          <RepliesList data={page} key={`replies-${index}`} />
-                        ) : (
-                          <div
-                            key="empty"
-                            className="border-card-empty-border mt-12 border-2 border-solid bg-card-noContent px-4 py-6 text-sm"
-                            data-testid="user-has-not-made-any-post-yet"
-                          >
-                            {t('user_profile.no_posts_yet', { username: username })}
-                          </div>
-                        );
-                      })}
-                      <div>
-                        <button
-                          ref={ref}
-                          onClick={() => fetchNextPage()}
-                          disabled={!hasNextPage || isFetchingNextPage}
-                        >
-                          {isFetchingNextPage ? (
-                            <PostCardSkeleton />
-                          ) : hasNextPage ? (
-                            'Load Newer'
-                          ) : data.pages[0] && data.pages[0].length > 0 ? (
-                            'Nothing more to load'
-                          ) : null}
-                        </button>
-                      </div>
-                      <div>{isFetching && !isFetchingNextPage ? 'Background Updating...' : null}</div>
-                    </>
-                  ) : null}
-                </>
-              ) : (
-                <div className="p-10">{t('global.unavailable_for_legal_reasons')}</div>
-              )}
-            </TabsContent>
-            <TabsContent value="payout">
-              {!legalBlockedUser ? (
-                <>
-                  {!isLoading && data ? (
-                    <>
-                      {data.pages.map((page, index) => {
-                        return page && page.length > 0 ? (
-                          <PostList
-                            data={page}
-                            key={`payout-${index}`}
-                            testFilter="user-payouts"
-                            nsfwPreferences={preferences.nsfw}
-                          />
-                        ) : (
-                          <div
-                            key="empty"
-                            className="border-card-empty-border mt-12 border-2 border-solid bg-card-noContent px-4 py-6 text-sm"
-                            data-testid="user-no-pending-payouts"
-                          >
-                            {t('user_profile.no_pending_payouts')}
-                          </div>
-                        );
-                      })}
-                      <div>
-                        <button
-                          ref={ref}
-                          onClick={() => fetchNextPage()}
-                          disabled={!hasNextPage || isFetchingNextPage}
-                        >
-                          {isFetchingNextPage ? (
-                            <PostCardSkeleton />
-                          ) : hasNextPage ? (
-                            t('user_profile.load_newer')
-                          ) : data.pages[0] && data.pages[0].length > 0 ? (
-                            t('user_profile.nothing_more_to_load')
-                          ) : null}
-                        </button>
-                      </div>
-                      <div>{isFetching && !isFetchingNextPage ? 'Background Updating...' : null}</div>
-                    </>
-                  ) : null}{' '}
-                </>
-              ) : (
-                <div className="p-10">{t('global.unavailable_for_legal_reasons')}</div>
-              )}
-            </TabsContent>
-          </Tabs>
-        </div>
-      </ProfileLayout>
-    </>
-  );
-};
-
-export default UserPosts;
-
-export const getServerSideProps: GetServerSideProps = async (ctx) => {
-  return {
-    props: {
-      metadata: await getAccountMetadata((ctx.params?.param as string) ?? '', 'Posted by'),
-      ...(await getTranslations(ctx))
-    }
-  };
-};
diff --git a/apps/blog/pages/[param]/replies.tsx b/apps/blog/pages/[param]/replies.tsx
deleted file mode 100644
index 48df60a989f85fc17d6b0a738c297621394d9258..0000000000000000000000000000000000000000
--- a/apps/blog/pages/[param]/replies.tsx
+++ /dev/null
@@ -1,102 +0,0 @@
-import ProfileLayout from '@/blog/components/common/profile-layout';
-import { useSiteParams } from '@hive/ui/components/hooks/use-site-params';
-import { getAccountPosts, DATA_LIMIT as PER_PAGE } from '@transaction/lib/bridge';
-import { useInfiniteQuery } from '@tanstack/react-query';
-import RepliesList from '@/blog/components/replies-list';
-import { FC, useEffect } from 'react';
-import { useInView } from 'react-intersection-observer';
-import { GetServerSideProps } from 'next';
-import { useTranslation } from 'next-i18next';
-import { useUser } from '@smart-signer/lib/auth/use-user';
-import { getAccountMetadata, getTranslations, MetadataProps } from '@/blog/lib/get-translations';
-import Head from 'next/head';
-import PostCardSkeleton from '@ui/components/card-skeleton';
-
-const UserReplies: FC<{ metadata: MetadataProps }> = ({ metadata }) => {
-  const { t } = useTranslation('common_blog');
-  const { username } = useSiteParams();
-  const { ref, inView } = useInView();
-  const { user } = useUser();
-  const { data, isLoading, isFetchingNextPage, fetchNextPage, hasNextPage } = useInfiniteQuery(
-    ['accountReplies', username, 'replies'],
-    async ({ pageParam }: { pageParam?: { author: string; permlink: string } }) => {
-      return await getAccountPosts(
-        'replies',
-        username,
-        user.username === '' ? 'hive.blog' : user.username,
-        pageParam?.author,
-        pageParam?.permlink
-      );
-    },
-    {
-      getNextPageParam: (lastPage) => {
-        if (lastPage && lastPage.length === PER_PAGE) {
-          return {
-            author: lastPage[lastPage.length - 1].author,
-            permlink: lastPage[lastPage.length - 1].permlink
-          };
-        }
-      },
-
-      enabled: !!username
-    }
-  );
-
-  useEffect(() => {
-    if (inView) {
-      fetchNextPage();
-    }
-  }, [fetchNextPage, inView]);
-
-  return (
-    <>
-      <Head>
-        <title>{metadata.tabTitle}</title>
-        <meta property="og:title" content={metadata.title} />
-        <meta property="og:description" content={metadata.description} />
-        <meta property="og:image" content={metadata.image} />
-      </Head>
-      <ProfileLayout>
-        {!isLoading && data ? (
-          <div className="flex flex-col">
-            {data.pages.map((page, index) => {
-              return page && page.length > 0 ? (
-                <RepliesList data={page} key={`replies-${index}`} />
-              ) : (
-                <div
-                  key="empty"
-                  className="border-card-empty-border mt-12 border-2 border-solid bg-card-noContent px-4 py-6 text-sm"
-                  data-testid="user-has-not-had-any-replies-yet"
-                >
-                  {t('user_profile.no_replies_yet', { username: username })}
-                </div>
-              );
-            })}
-            <div>
-              <button ref={ref} onClick={() => fetchNextPage()} disabled={!hasNextPage || isFetchingNextPage}>
-                {isFetchingNextPage ? (
-                  <PostCardSkeleton />
-                ) : hasNextPage ? (
-                  t('user_profile.load_newer')
-                ) : data.pages[0] && data.pages[0].length > 0 ? (
-                  t('user_profile.nothing_more_to_load')
-                ) : null}
-              </button>
-            </div>
-          </div>
-        ) : null}
-      </ProfileLayout>
-    </>
-  );
-};
-
-export default UserReplies;
-
-export const getServerSideProps: GetServerSideProps = async (ctx) => {
-  return {
-    props: {
-      metadata: await getAccountMetadata((ctx.params?.param as string) ?? '', 'Replies to'),
-      ...(await getTranslations(ctx))
-    }
-  };
-};
diff --git a/apps/blog/pages/[param]/settings.tsx b/apps/blog/pages/[param]/settings.tsx
deleted file mode 100644
index d0910289ef282ad76fd9a6092d769e72af5920e7..0000000000000000000000000000000000000000
--- a/apps/blog/pages/[param]/settings.tsx
+++ /dev/null
@@ -1,667 +0,0 @@
-import ProfileLayout from '@/blog/components/common/profile-layout';
-import { Button } from '@ui/components/button';
-import { Input } from '@ui/components/input';
-import { Label } from '@ui/components/label';
-import {
-  Select,
-  SelectContent,
-  SelectGroup,
-  SelectItem,
-  SelectTrigger,
-  SelectValue
-} from '@ui/components/select';
-import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from '@ui/components';
-import { useLocalStorage } from 'usehooks-ts';
-import { GetServerSideProps } from 'next';
-import { useParams } from 'next/navigation';
-import { useUser } from '@smart-signer/lib/auth/use-user';
-import { configuredImagesEndpoint } from '@hive/ui/config/public-vars';
-import { hiveChainService } from '@transaction/lib/hive-chain-service';
-import { useFollowListQuery } from '@/blog/components/hooks/use-follow-list';
-import { getAccountFull } from '@transaction/lib/hive';
-import { useQuery } from '@tanstack/react-query';
-import { useTranslation } from 'next-i18next';
-import { TFunction } from 'i18next';
-import { MutableRefObject, useEffect, useRef, useState } from 'react';
-
-import { Signer } from '@smart-signer/lib/signer/signer';
-import { getLogger } from '@ui/lib/logging';
-import { toast } from '@ui/components/hooks/use-toast';
-import { useUnmuteMutation } from '@/blog/components/hooks/use-mute-mutations';
-import { useUpdateProfileMutation } from '@/blog/components/hooks/use-update-profile-mutation';
-import { z } from 'zod';
-import { getAccountMetadata, getTranslations, MetadataProps } from '@/blog/lib/get-translations';
-import { CircleSpinner } from 'react-spinners-kit';
-import { useSignerContext } from '@smart-signer/components/signer-provider';
-import { handleError } from '@ui/lib/handle-error';
-import Head from 'next/head';
-import { ApiChecker, HealthCheckerComponent } from '@hiveio/healthchecker-component';
-import { useHealthChecker } from '@ui/hooks/useHealthChecker';
-import { DEFAULT_PREFERENCES, Preferences } from '@/blog/lib/utils';
-
-const logger = getLogger('app');
-interface Settings {
-  profile_image: string;
-  cover_image: string;
-  name: string;
-  about: string;
-  location: string;
-  website: string;
-  blacklist_description: string;
-  muted_list_description: string;
-}
-
-const DEFAULT_SETTINGS: Settings = {
-  profile_image: '',
-  cover_image: '',
-  name: '',
-  about: '',
-  location: '',
-  website: '',
-  blacklist_description: '',
-  muted_list_description: ''
-};
-
-const urlSchema = z
-  .string()
-  .url()
-  .refine((url) => url.startsWith('https://') || url.startsWith('http://'), {
-    message: 'This Appears To Be A Bad URL, Please Check It And Try Again'
-  });
-
-const uploadImg = async (file: File, username: string, signer: Signer): Promise<string> => {
-  try {
-    let data;
-
-    if (file) {
-      const reader = new FileReader();
-
-      data = new Promise((resolve) => {
-        reader.addEventListener('load', () => {
-          const result = Buffer.from(reader.result!.toString(), 'binary');
-          resolve(result);
-        });
-        reader.readAsBinaryString(file);
-      });
-    }
-
-    const formData = new FormData();
-    if (file) {
-      formData.append('file', file);
-    }
-
-    data = await data;
-    const prefix = Buffer.from('ImageSigningChallenge');
-    const buf = Buffer.concat([prefix, data as unknown as Uint8Array]);
-
-    const sig = await signer.signChallenge({
-      message: buf,
-      password: ''
-    });
-
-    const postUrl = `${configuredImagesEndpoint}${username}/${sig}`;
-
-    const response = await fetch(postUrl, { method: 'POST', body: formData });
-    const resJSON = await response.json();
-    return resJSON.url;
-  } catch (error) {
-    logger.error('Error when uploading file %s: %o', file.name, error);
-  }
-  return '';
-};
-
-function validation(values: Settings, t: TFunction<'common_blog'>) {
-  return {
-    profile_image:
-      values.profile_image && !/^https?:\/\//.test(values.profile_image)
-        ? t('settings_page.invalid_url')
-        : null,
-    cover_image:
-      values.cover_image && !/^https?:\/\//.test(values.cover_image) ? t('settings_page.invalid_url') : null,
-    name:
-      values.name && values.name.length > 20
-        ? t('settings_page.name_is_too_long')
-        : values.name && /^\s*@/.test(values.name)
-          ? t('settings_page.name_must_not_begin_with')
-          : null,
-    about: values.about && values.about.length > 160 ? t('settings_page.about_is_too_long') : null,
-    location: values.location && values.location.length > 30 ? t('settings_page.location_is_too_long') : null,
-    website:
-      values.website && values.website.length > 100
-        ? t('settings_page.website_url_is_too_long')
-        : values.website && !/^https?:\/\//.test(values.website)
-          ? t('settings_page.invalid_url')
-          : null,
-    blacklist_description:
-      values.blacklist_description && values.blacklist_description.length > 256
-        ? t('settings_page.description_is_too_long')
-        : null,
-    muted_list_description:
-      values.muted_list_description && values.muted_list_description.length > 256
-        ? t('settings_page.description_is_too_long')
-        : null
-  };
-}
-
-export default function UserSettings({ metadata }: { metadata: MetadataProps }) {
-  const { user } = useUser();
-  const { isLoading, data } = useQuery(['profileData', user.username], () => getAccountFull(user.username), {
-    enabled: !!user.username
-  });
-
-  const profileData = data?.profile;
-  const profileSettings: Settings = {
-    profile_image: profileData?.profile_image ? profileData.profile_image : '',
-    cover_image: profileData?.cover_image ? profileData.cover_image : '',
-    name: profileData?.name ? profileData.name : '',
-    about: profileData?.about ? profileData.about : '',
-    location: profileData?.location ? profileData.location : '',
-    website: profileData?.website ? profileData.website : '',
-    blacklist_description: profileData?.blacklist_description ? profileData.blacklist_description : '',
-    muted_list_description: profileData?.muted_list_description ? profileData.muted_list_description : ''
-  };
-
-  const [settings, setSettings] = useState<Settings>(DEFAULT_SETTINGS);
-  const [preferences, setPreferences] = useLocalStorage<Preferences>(
-    `user-preferences-${user.username}`,
-    DEFAULT_PREFERENCES
-  );
-  const [_storedPost, setStoredPost] = useLocalStorage(`postData-new-${user.username}`, {
-    title: '',
-    postArea: '',
-    postSummary: '',
-    tags: '',
-    author: '',
-    category: 'blog',
-    beneficiaries: [],
-    maxAcceptedPayout: preferences.blog_rewards === '0%' ? 0 : 1000000,
-    payoutType: preferences.blog_rewards
-  });
-  useEffect(() => {
-    setStoredPost((prev) => ({
-      ...prev,
-      maxAcceptedPayout: preferences.blog_rewards === '0%' ? 0 : 1000000,
-      payoutType: preferences.blog_rewards
-    }));
-  }, [JSON.stringify(preferences)]);
-  const [isClient, setIsClient] = useState(false);
-  const [insertImg, setInsertImg] = useState('');
-  const [nodeApiCheckers, setNodeApiCheckers] = useState<ApiChecker[] | undefined>(undefined);
-  const [aiSearchApiCheckers, setAiSearchApiCheckers] = useState<ApiChecker[] | undefined>(undefined);
-  const params = useParams();
-  const mutedQuery = useFollowListQuery(user.username, 'muted');
-  const { t } = useTranslation('common_blog');
-  const inputProfileRef = useRef<HTMLInputElement>(null) as MutableRefObject<HTMLInputElement>;
-  const inputCoverRef = useRef<HTMLInputElement>(null) as MutableRefObject<HTMLInputElement>;
-  const validationCheck = validation(settings, t);
-  const disabledBtn = Object.values(validationCheck).some((value) => typeof value === 'string');
-  const { signer } = useSignerContext();
-  const sameData =
-    profileSettings.profile_image === settings.profile_image &&
-    profileSettings.cover_image === settings.cover_image &&
-    profileSettings.name === settings.name &&
-    profileSettings.location === settings.location &&
-    profileSettings.website === settings.website &&
-    profileSettings.about === settings.about &&
-    profileSettings.blacklist_description === settings.blacklist_description &&
-    profileSettings.muted_list_description === settings.muted_list_description;
-  const unmuteMutation = useUnmuteMutation();
-  const updateProfileMutation = useUpdateProfileMutation();
-
-  const DEFAULT_AI_ENDPOINTS = [
-    'https://api.hive.blog',
-    'https://api.syncad.com',
-    'https://api.openhive.network',
-    'https://api.dev.openhive.network'
-  ];
-
-  const nodeHcService = useHealthChecker(
-    'node-api',
-    nodeApiCheckers,
-    'node-endpoint',
-    hiveChainService.setHiveChainEndpoint
-  );
-  const aiSearchHcService = useHealthChecker(
-    'ai-search',
-    aiSearchApiCheckers,
-    'ai-search-endpoint',
-    hiveChainService.setAiSearchEndpoint,
-    DEFAULT_AI_ENDPOINTS
-  );
-
-  const createApiCheckers = async () => {
-    const hiveChain = await hiveChainService.getHiveChain();
-    const nodeApiCheckers: ApiChecker[] = [
-      {
-        title: 'Condenser - Get accounts',
-        method: hiveChain.api.condenser_api.get_accounts,
-        params: [['guest4test']],
-        validatorFunction: (data) => (data[0].name === 'guest4test' ? true : 'Get block error')
-      },
-      {
-        title: 'Bridge - Get post',
-        method: hiveChain.api.bridge.get_post,
-        params: { author: 'guest4test', permlink: '6wpmjy-test', observer: '' },
-        validatorFunction: (data) => (data.author === 'guest4test' ? true : 'Get post error')
-      }
-    ];
-    const aiSearchApiCheckers: ApiChecker[] = [
-      {
-        title: 'AI search',
-        method: hiveChain.restApi['hivesense-api'].similarposts,
-        params: {
-          pattern: 'test',
-          tr_body: 100,
-          posts_limit: 20
-        },
-        validatorFunction: (data) => (data[0] ? true : 'AI search error')
-      }
-    ];
-    setNodeApiCheckers(nodeApiCheckers);
-    setAiSearchApiCheckers(aiSearchApiCheckers);
-  };
-
-  useEffect(() => {
-    setIsClient(true);
-    createApiCheckers();
-  }, []);
-  useEffect(() => {
-    setSettings(profileSettings);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [isLoading]);
-  async function onSubmit() {
-    const updateProfileParams = {
-      profile_image: settings.profile_image !== '' ? settings.profile_image : undefined,
-      cover_image: settings.cover_image !== '' ? settings.cover_image : undefined,
-      name: settings.name !== '' ? settings.name : undefined,
-      about: settings.about !== '' ? settings.about : undefined,
-      location: settings.location !== '' ? settings.location : undefined,
-      website: settings.website !== '' ? settings.website : undefined,
-      witness_owner: profileData?.witness_owner,
-      witness_description: profileData?.witness_description,
-      blacklist_description:
-        settings.blacklist_description !== '' ? settings.blacklist_description : undefined,
-      muted_list_description:
-        settings.muted_list_description !== '' ? settings.muted_list_description : undefined
-    };
-
-    try {
-      await updateProfileMutation.mutateAsync(updateProfileParams);
-
-      toast({
-        title: t('settings_page.changes_saved'),
-        variant: 'success'
-      });
-    } catch (error) {
-      handleError(error, { method: 'updateProfile', params: updateProfileParams });
-    }
-  }
-  const onImageUpload = async (file: File, username: string, signer: Signer) => {
-    const url = await uploadImg(file, username, signer);
-    return url;
-  };
-
-  const inputProfileHandler = async (event: { target: { files: FileList } }) => {
-    if (event.target.files && event.target.files.length === 1) {
-      setInsertImg('');
-      const url = await onImageUpload(event.target.files[0], user.username, signer);
-      setSettings((prev) => ({ ...prev, profile_image: url }));
-    }
-  };
-  const inputCoverHandler = async (event: { target: { files: FileList } }) => {
-    if (event.target.files && event.target.files.length === 1) {
-      setInsertImg('');
-      const url = await onImageUpload(event.target.files[0], user.username, signer);
-      setSettings((prev) => ({ ...prev, cover_image: url }));
-    }
-  };
-  return (
-    <>
-      <Head>
-        <title>{metadata.tabTitle}</title>
-        <meta property="og:title" content={metadata.title} />
-        <meta property="og:description" content={metadata.description} />
-        <meta property="og:image" content={metadata.image} />
-      </Head>
-      <ProfileLayout>
-        <div className="flex flex-col" data-testid="public-profile-settings">
-          {isClient && user?.isLoggedIn && user?.username === params?.param?.slice(1) ? (
-            <>
-              <div className="py-8">
-                <h2 className="py-4 text-lg font-semibold leading-5">
-                  {t('settings_page.public_profile_settings')}
-                </h2>
-                <div className="grid grid-cols-1 gap-8 lg:grid-cols-3">
-                  <div>
-                    <Label htmlFor="profileImage">{t('settings_page.profile_image_url')}</Label>
-                    <Input
-                      type="text"
-                      id="profileImage"
-                      name="profileImage"
-                      value={settings.profile_image}
-                      onChange={(e) => setSettings((prev) => ({ ...prev, profile_image: e.target.value }))}
-                    />
-                    <span>
-                      <Label
-                        className="text-sm font-normal text-destructive hover:cursor-pointer"
-                        htmlFor="profilePicture"
-                      >
-                        {t('settings_page.upload_image')}
-                      </Label>
-                      <Input
-                        id="profilePicture"
-                        type="file"
-                        className="hidden"
-                        ref={inputProfileRef}
-                        accept=".jpg,.png,.jpeg,.jfif,.gif,.webp"
-                        name="avatar"
-                        value={insertImg}
-                        //@ts-expect-error
-                        onChange={inputProfileHandler}
-                      />
-                    </span>
-                    <span className="pt-2 text-xs text-destructive">{validationCheck.profile_image}</span>
-                  </div>
-
-                  <div>
-                    <Label htmlFor="coverImage">{t('settings_page.cover_image_url')}</Label>
-                    <Input
-                      type="text"
-                      id="coverImage"
-                      name="coverImage"
-                      value={settings.cover_image}
-                      onChange={(e) => setSettings((prev) => ({ ...prev, cover_image: e.target.value }))}
-                    />
-                    <span>
-                      <Label
-                        className="text-sm font-normal text-destructive hover:cursor-pointer"
-                        htmlFor="coverPicture"
-                      >
-                        {t('settings_page.upload_image')}
-                      </Label>
-                      <Input
-                        id="coverPicture"
-                        type="file"
-                        className="hidden"
-                        ref={inputCoverRef}
-                        accept=".jpg,.png,.jpeg,.jfif,.gif,.webp"
-                        name="avatar"
-                        value={insertImg}
-                        //@ts-expect-error
-                        onChange={inputCoverHandler}
-                      />
-                    </span>
-                    <span className="pt-2 text-xs text-destructive">{validationCheck.cover_image}</span>
-                  </div>
-
-                  <div>
-                    <Label htmlFor="name">{t('settings_page.profile_name')}</Label>
-                    <Input
-                      type="text"
-                      id="name"
-                      name="name"
-                      value={settings.name}
-                      onChange={(e) => setSettings((prev) => ({ ...prev, name: e.target.value }))}
-                    />
-                    <span className="pt-2 text-xs text-destructive">{validationCheck.name}</span>
-                  </div>
-
-                  <div>
-                    <Label htmlFor="about">{t('settings_page.profile_about')}</Label>
-                    <Input
-                      type="email"
-                      id="about"
-                      name="about"
-                      value={settings.about}
-                      onChange={(e) => setSettings((prev) => ({ ...prev, about: e.target.value }))}
-                    />
-                    <span className="pt-2 text-xs text-destructive">{validationCheck.about}</span>
-                  </div>
-
-                  <div>
-                    <Label htmlFor="location">{t('settings_page.profile_location')}</Label>
-                    <Input
-                      type="text"
-                      id="location"
-                      name="location"
-                      value={settings.location}
-                      onChange={(e) => setSettings((prev) => ({ ...prev, location: e.target.value }))}
-                    />
-                    <span className="pt-2 text-xs text-destructive">{validationCheck.location}</span>
-                  </div>
-
-                  <div>
-                    <Label htmlFor="website">{t('settings_page.profile_website')}</Label>
-                    <Input
-                      type="text"
-                      id="website"
-                      name="website"
-                      value={settings.website}
-                      onChange={(e) => setSettings((prev) => ({ ...prev, website: e.target.value }))}
-                    />
-                    <span className="pt-2 text-xs text-destructive">{validationCheck.website}</span>
-                  </div>
-
-                  <div>
-                    <Label htmlFor="blacklistDescription">{t('settings_page.blacklist_description')}</Label>
-                    <Input
-                      type="text"
-                      id="blacklistDescription"
-                      name="blacklistDescription"
-                      value={settings.blacklist_description}
-                      onChange={(e) =>
-                        setSettings((prev) => ({ ...prev, blacklist_description: e.target.value }))
-                      }
-                    />
-                    <span className="pt-2 text-xs text-destructive">
-                      {validationCheck.blacklist_description}
-                    </span>
-                  </div>
-
-                  <div>
-                    <Label htmlFor="mutedListDescription">{t('settings_page.mute_list_description')}</Label>
-                    <Input
-                      type="text"
-                      id="mutedListDescription"
-                      name="mutedListDescription"
-                      value={settings.muted_list_description}
-                      onChange={(e) =>
-                        setSettings((prev) => ({ ...prev, muted_list_description: e.target.value }))
-                      }
-                    />
-                    <span className="pt-2 text-xs text-destructive">
-                      {validationCheck.muted_list_description}
-                    </span>
-                  </div>
-                </div>
-                <Button
-                  onClick={() => onSubmit()}
-                  className="my-4 w-44"
-                  data-testid="pps-update-button"
-                  disabled={sameData || disabledBtn || updateProfileMutation.isLoading || data?._temporary}
-                >
-                  {updateProfileMutation.isLoading ? (
-                    <span className="flex items-center justify-center">
-                      <CircleSpinner loading={updateProfileMutation.isLoading} size={18} color="#dc2626" />
-                    </span>
-                  ) : (
-                    t('settings_page.update')
-                  )}
-                </Button>
-              </div>
-              <div className="py-8" data-testid="settings-preferences">
-                <h2 className="py-4 text-lg font-semibold leading-5">{t('settings_page.preferences')}</h2>
-
-                <div className="grid grid-cols-1 gap-8 lg:grid-cols-3">
-                  <div data-testid="not-safe-for-work-content">
-                    <Label htmlFor="not-safe-for-work-content">
-                      {t('settings_page.not_safe_for_work_nsfw_content')}
-                    </Label>
-                    <Select
-                      value={preferences.nsfw}
-                      onValueChange={(e: 'hide' | 'warn' | 'show') =>
-                        setPreferences((prev) => ({ ...prev, nsfw: e }))
-                      }
-                      name="not-safe-for-work-content"
-                    >
-                      <SelectTrigger>
-                        <SelectValue placeholder="Not safe for work (NSFW) content" />
-                      </SelectTrigger>
-                      <SelectContent>
-                        <SelectGroup>
-                          <SelectItem value="hide">{t('settings_page.always_hide')}</SelectItem>
-                          <SelectItem value="warn">{t('settings_page.always_warn')}</SelectItem>
-                          <SelectItem value="show">{t('settings_page.always_show')}</SelectItem>
-                        </SelectGroup>
-                      </SelectContent>
-                    </Select>
-                  </div>
-
-                  <div data-testid="blog-post-rewards">
-                    <Label htmlFor="blog-post-rewards">{t('settings_page.choose_default_blog_payout')}</Label>
-                    <Select
-                      value={preferences.blog_rewards}
-                      onValueChange={(e: '0%' | '50%' | '100%') =>
-                        setPreferences((prev) => ({ ...prev, blog_rewards: e }))
-                      }
-                      name="blog-post-rewards"
-                    >
-                      <SelectTrigger>
-                        <SelectValue placeholder={t('settings_page.choose_default_blog_payout')} />
-                      </SelectTrigger>
-                      <SelectContent>
-                        <SelectGroup>
-                          <SelectItem value="0%">{t('settings_page.decline_payout')}</SelectItem>
-                          <SelectItem value="50%">{'50% HBD / 50% HP'}</SelectItem>
-                          <SelectItem value="100%">{t('settings_page.power_up')}</SelectItem>
-                        </SelectGroup>
-                      </SelectContent>
-                    </Select>
-                  </div>
-
-                  <div data-testid="comment-post-rewards">
-                    <Label htmlFor="comment-post-rewards">
-                      {t('settings_page.choose_default_comment_payout')}
-                    </Label>
-                    <Select
-                      name="comment-post-rewards"
-                      value={preferences.comment_rewards}
-                      onValueChange={(e: '0%' | '50%' | '100%') =>
-                        setPreferences((prev) => ({ ...prev, comment_rewards: e }))
-                      }
-                    >
-                      <SelectTrigger>
-                        <SelectValue placeholder={t('settings_page.choose_default_comment_payout')} />
-                      </SelectTrigger>
-                      <SelectContent>
-                        <SelectGroup>
-                          <SelectItem value="0%">{t('settings_page.decline_payout')}</SelectItem>
-                          <SelectItem value="50%">{'50% HBD / 50% HP'}</SelectItem>
-                          <SelectItem value="100%">{t('settings_page.power_up')}</SelectItem>
-                        </SelectGroup>
-                      </SelectContent>
-                    </Select>
-                  </div>
-
-                  <div data-testid="referral-system">
-                    <Label htmlFor="referral-system">{t('settings_page.default_beneficiaries')}</Label>
-                    <Select
-                      name="referral-system"
-                      value={preferences.referral_system}
-                      onValueChange={(e: 'enabled' | 'disabled') =>
-                        setPreferences((prev) => ({ ...prev, referral_system: e }))
-                      }
-                    >
-                      <SelectTrigger>
-                        <SelectValue placeholder="Referral System" />
-                      </SelectTrigger>
-                      <SelectContent>
-                        <SelectGroup>
-                          <SelectItem value="enabled">
-                            {t('settings_page.default_beneficiaries_enabled')}
-                          </SelectItem>
-                          <SelectItem value="disabled">
-                            {t('settings_page.default_beneficiaries_disabled')}
-                          </SelectItem>
-                        </SelectGroup>
-                      </SelectContent>
-                    </Select>
-                  </div>
-                </div>
-              </div>
-            </>
-          ) : null}
-
-          <div className="p-8">
-            <Accordion type="single" collapsible defaultValue="main-hc">
-              <AccordionItem value="main-hc">
-                <AccordionTrigger>API Endpoint</AccordionTrigger>
-                <AccordionContent>
-                  {!!nodeHcService && (
-                    <HealthCheckerComponent className="m-4" healthCheckerService={nodeHcService} />
-                  )}
-                </AccordionContent>
-              </AccordionItem>
-              <AccordionItem value="search-hc">
-                <AccordionTrigger>Endpoint for AI search</AccordionTrigger>
-                <AccordionContent>
-                  {!!aiSearchHcService && (
-                    <HealthCheckerComponent className="m-4" healthCheckerService={aiSearchHcService} />
-                  )}
-                </AccordionContent>
-              </AccordionItem>
-            </Accordion>
-          </div>
-          {mutedQuery.data ? (
-            <div>
-              <div>{t('settings_page.muted_users')}</div>
-              <ul>
-                {mutedQuery.data.map((mutedUser, index) => {
-                  const mute_item =
-                    unmuteMutation.isLoading && unmuteMutation.variables?.username === mutedUser.name;
-                  return (
-                    <li key={mutedUser.name}>
-                      <span>{index + 1}. </span>
-                      <span className="text-destructive">{mutedUser.name}</span>
-                      <Button
-                        className="h-fit p-1 text-destructive"
-                        variant="link"
-                        onClick={async () => {
-                          const params = { username: mutedUser.name };
-                          try {
-                            await unmuteMutation.mutateAsync(params);
-                          } catch (error) {
-                            handleError(error, { method: 'unmute', params });
-                          }
-                        }}
-                        disabled={mute_item}
-                      >
-                        [
-                        {mute_item ? (
-                          <span className="flex items-center justify-center">
-                            <CircleSpinner loading={unmuteMutation.isLoading} size={18} color="#dc2626" />
-                          </span>
-                        ) : (
-                          t('settings_page.unmute')
-                        )}
-                        ]
-                      </Button>
-                    </li>
-                  );
-                })}
-              </ul>
-            </div>
-          ) : null}
-        </div>
-      </ProfileLayout>
-    </>
-  );
-}
-export const getServerSideProps: GetServerSideProps = async (ctx) => {
-  return {
-    props: {
-      metadata: await getAccountMetadata((ctx.params?.param as string) ?? '', 'Settings'),
-      ...(await getTranslations(ctx))
-    }
-  };
-};
diff --git a/apps/blog/pages/_document.tsx b/apps/blog/pages/_document.tsx
deleted file mode 100644
index b332f0378d767ca5a673699475ebaf5d6a41cbfc..0000000000000000000000000000000000000000
--- a/apps/blog/pages/_document.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-import { Html, Head, Main, NextScript } from 'next/document';
-import Script from 'next/script';
-
-// Get basePath from build-time environment
-const basePath = process.env.NEXT_PUBLIC_BASE_PATH || '';
-
-const SITE_DESC =
-  'Communities without borders. A social network owned and operated by its users, powered by Hive.';
-export default function Document() {
-  return (
-    <Html>
-      <Head>
-        <link rel="icon" href="/favicon.ico" sizes="any" />
-
-        {/* Basic Meta Tags */}
-        <meta name="description" content={SITE_DESC} />
-
-        {/* Open Graph Meta Tags */}
-        <meta property="og:type" content="website" />
-        <meta property="og:site_name" content="Hive" />
-        <meta property="og:title" content="Hive" />
-        <meta property="og:description" content={SITE_DESC} />
-        <meta property="og:image" content="https://hive.blog/images/hive-blog-share.png" />
-
-        {/* Facebook Meta Tags */}
-        <meta property="fb:app_id" content="YOUR_FB_APP_ID" />
-
-        {/* Twitter Meta Tags */}
-        <meta name="twitter:card" content="summary" />
-        <meta name="twitter:site" content="@hiveblocks" />
-        <meta name="twitter:title" content="#Hive.io" />
-        <meta name="twitter:description" content={SITE_DESC} />
-        <meta name="twitter:image" content="https://hive.blog/images/hive-blog-twshare.png" />
-      </Head>
-      <body>
-        <Main />
-        <NextScript />
-        <Script src={`${basePath}/__ENV.js`} strategy="beforeInteractive" />
-      </body>
-    </Html>
-  );
-}
diff --git a/apps/blog/pages/api/search.ts b/apps/blog/pages/api/search.ts
deleted file mode 100644
index e1da82a87414f40a114d8c7b2ad7718b24f0c87a..0000000000000000000000000000000000000000
--- a/apps/blog/pages/api/search.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import { NextResponse } from 'next/server';
-
-export async function POST(request: Request) {
-  const url = `${process.env.ELASTIC_SEARCH_API_URL}`;
-  const authorization = `${process.env.ELASTIC_SEARCH_API_KEY}`;
-  try {
-    const response = await fetch(url, {
-      headers: {
-        Authorization: authorization,
-        'Content-Type': 'application/json',
-        body: JSON.stringify(request.body)
-      }
-    });
-    const data = await response.json();
-    return Response.json(data);
-  } catch (error) {
-    if (error instanceof Error) return NextResponse.json({ message: error.message }, { status: 500 });
-  }
-}
diff --git a/apps/blog/pages/communities.tsx b/apps/blog/pages/communities.tsx
deleted file mode 100644
index dc4465e8f97c3307ca64bf1ad9e5fd639e0c9c33..0000000000000000000000000000000000000000
--- a/apps/blog/pages/communities.tsx
+++ /dev/null
@@ -1,141 +0,0 @@
-import CommunitiesSidebar from '@/blog/components/communities-sidebar';
-import { Input } from '@ui/components/input';
-import { useState, KeyboardEvent } from 'react';
-import { useQuery } from '@tanstack/react-query';
-import { getCommunities, getSubscriptions } from '@transaction/lib/bridge';
-import CommunitiesSelectFilter from '@/blog/components/communities-select-filter';
-import CommunitiesList from '@/blog/components/communities-list';
-import Loading from '@ui/components/loading';
-import ExploreHive from '@/blog/components/explore-hive';
-import { Icons } from '@ui/components/icons';
-import { Separator } from '@ui/components';
-import { GetServerSideProps } from 'next';
-import { useTranslation } from 'next-i18next';
-import { useUser } from '@smart-signer/lib/auth/use-user';
-import CommunitiesMybar from '../components/communities-mybar';
-import Link from 'next/link';
-import env from '@beam-australia/react-env';
-import { getLogger } from '@ui/lib/logging';
-import { getDefaultProps } from '../lib/get-translations';
-import Head from 'next/head';
-
-const logger = getLogger('app');
-
-const CommunitiesPage = () => {
-  if (typeof window !== 'undefined') {
-    // eslint-disable-next-line no-console
-    console.log('[CommunitiesPage] Component rendered on client');
-  }
-  const walletHost = env('WALLET_ENDPOINT');
-  const { t } = useTranslation('common_blog');
-  const { user } = useUser();
-  const [sort, setSort] = useState('rank');
-  const [inputQuery, setInputQuery] = useState<string>('');
-  const [query, setQuery] = useState<string | null>();
-
-  const { data: communitiesData } = useQuery(
-    ['communitiesList', sort, query, user.username],
-    async () => await getCommunities(sort, query, user.username),
-    { enabled: !!user }
-  );
-
-  const { data: mySubsData } = useQuery(
-    ['subscriptions', user.username],
-    () => getSubscriptions(user.username),
-    {
-      enabled: Boolean(user?.username)
-    }
-  );
-
-  function handleSearchCommunity(e: KeyboardEvent<HTMLInputElement>) {
-    if (e.key === 'Enter') {
-      inputQuery !== '' ? setQuery(inputQuery) : setQuery(null);
-    }
-  }
-
-  function handleChangeFilter(e: string) {
-    setSort(e);
-  }
-
-  // Debug: log data and user
-  if (typeof window !== 'undefined') {
-    // eslint-disable-next-line no-console
-    console.log('communitiesData:', communitiesData, 'mySubsData:', mySubsData, 'user:', user);
-  }
-
-  // Only show loading if both are strictly undefined (not hydrated)
-  if (typeof communitiesData === 'undefined' && typeof mySubsData === 'undefined') {
-    return <Loading loading={true} />;
-  }
-
-  if (typeof window !== 'undefined') {
-    // eslint-disable-next-line no-console
-    console.log('[CommunitiesPage] Rendering main content');
-  }
-
-  return (
-    <>
-      <Head>
-        <title>Communities - Hive</title>
-      </Head>
-      <div className="container mx-auto max-w-screen-2xl flex-grow px-4 pb-2 pt-8">
-        <div className="grid grid-cols-12 md:gap-4">
-          <div className="hidden md:col-span-4 md:flex xl:col-span-2">
-            {user.isLoggedIn ? (
-              <CommunitiesMybar data={mySubsData} username={user.username} />
-            ) : (
-              <CommunitiesSidebar />
-            )}
-          </div>
-          <div className="col-span-12 md:col-span-8">
-            <div className="mt-4 flex items-center justify-between" data-testid="communities-header-title">
-              <span className="text-sm font-medium sm:text-xl" data-testid="communities-header">
-                {t('communities.communities')}
-              </span>
-              {user.isLoggedIn ? (
-                <Link
-                  className="text-sm font-medium text-red-600 dark:hover:text-red-800"
-                  href={`${walletHost}/@${user.username}/communities`}
-                >
-                  Create a Community
-                </Link>
-              ) : null}
-            </div>
-            <div className="mt-4 flex w-full items-center justify-between gap-4" translate="no">
-              <div className="relative w-full max-w-md">
-                <div className="pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3">
-                  <Icons.search className="h-5 w-5 rotate-90" />
-                </div>
-                <Input
-                  type="search"
-                  id="search"
-                  value={inputQuery}
-                  placeholder={t('communities.search')}
-                  autoComplete="off"
-                  className="block rounded-full bg-white p-4 pl-10 text-sm dark:bg-background/95 dark:text-white"
-                  onChange={(e) => setInputQuery(e.target.value)}
-                  onKeyDown={(e) => handleSearchCommunity(e)}
-                />
-              </div>
-              <CommunitiesSelectFilter filter={sort} handleChangeFilter={handleChangeFilter} />
-            </div>
-            <Separator className="my-4" />
-            {communitiesData && communitiesData?.length > 0 ? (
-              <CommunitiesList data={communitiesData} />
-            ) : (
-              <div className="w-full py-4" data-testid="communities-search-no-results-msg">
-                {t('communities.no_results')}
-              </div>
-            )}
-          </div>
-          <div className="hidden lg:flex xl:col-span-2">
-            {user.isLoggedIn ? <CommunitiesSidebar /> : <ExploreHive />}{' '}
-          </div>
-        </div>
-      </div>
-    </>
-  );
-};
-export default CommunitiesPage;
-
-export const getServerSideProps: GetServerSideProps = getDefaultProps;
diff --git a/apps/blog/pages/faq.html.tsx b/apps/blog/pages/faq.html.tsx
deleted file mode 100644
index 74ae8696d2066ed6495f339cfbbf1cf59dea493e..0000000000000000000000000000000000000000
--- a/apps/blog/pages/faq.html.tsx
+++ /dev/null
@@ -1,49 +0,0 @@
-import { Remarkable } from 'remarkable';
-import { GetServerSideProps, InferGetServerSidePropsType } from 'next';
-import path from 'path';
-import fs from 'fs';
-import { getTranslations } from '../lib/get-translations';
-import { useMemo } from 'react';
-import Head from 'next/head';
-
-export const getServerSideProps: GetServerSideProps<{
-  data: string;
-}> = async (ctx) => {
-  const file_path = path.join('lib', 'markdowns', 'faq.md');
-  const data = fs.readFileSync(file_path, { encoding: 'utf8', flag: 'r' });
-
-  return {
-    props: {
-      data,
-      ...(await getTranslations(ctx))
-    }
-  };
-};
-const TAB_TITLE = 'FAQ - Hive';
-function Faq({ data }: InferGetServerSidePropsType<typeof getServerSideProps>) {
-  const renderer = new Remarkable({
-    html: true,
-    xhtmlOut: true,
-    typographer: false,
-    quotes: '“”‘’'
-  });
-  const content = useMemo(() => renderer.render(data), []);
-  return (
-    <>
-      <Head>
-        <title>{TAB_TITLE}</title>
-      </Head>
-      <div className="mx-auto my-12 max-w-3xl px-4 ">
-        <div
-          id="articleBody"
-          className="prose"
-          dangerouslySetInnerHTML={{
-            __html: content
-          }}
-        />
-      </div>
-    </>
-  );
-}
-
-export default Faq;
diff --git a/apps/blog/pages/index.tsx b/apps/blog/pages/index.tsx
deleted file mode 100644
index 976dbbb69489fec883d367e5f30917ebaac17a8e..0000000000000000000000000000000000000000
--- a/apps/blog/pages/index.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import { Inter } from 'next/font/google';
-import Head from 'next/head';
-import { FC } from 'react';
-
-const inter = Inter({ subsets: ['latin'] });
-
-const TAB_TITLE = 'Hive Blog';
-const Home: FC = () => {
-  return (
-    <>
-      <Head>
-        <title>{TAB_TITLE}</title>
-      </Head>
-      <main
-        className={`${inter.className} flex min-h-screen flex-col items-center justify-between p-24`}
-      ></main>
-    </>
-  );
-};
-
-export default Home;
diff --git a/apps/blog/pages/interaction/[uid].tsx b/apps/blog/pages/interaction/[uid].tsx
index c4c63af482a330df5579f12ec6988098b38c9dba..deb76787619af53a7eaeca45047da299bf85323b 100644
--- a/apps/blog/pages/interaction/[uid].tsx
+++ b/apps/blog/pages/interaction/[uid].tsx
@@ -1,6 +1,5 @@
 import { GetServerSideProps, InferGetServerSidePropsType } from 'next';
 import { useRouter } from 'next/router';
-import { getTranslations } from '../../lib/get-translations';
 import { getLogger } from '@ui/lib/logging';
 import { siteConfig } from '@ui/config/site';
 import { withBasePath } from '@/blog/utils/PathUtils';
@@ -31,8 +30,6 @@ export default function InteractionPage({
 export const getServerSideProps: GetServerSideProps = async (ctx) => {
   if (!siteConfig.oidcEnabled) return { notFound: true };
   return {
-    props: {
-      ...(await getTranslations(ctx))
-    }
+    props: {}
   };
 };
diff --git a/apps/blog/pages/interaction/[uid]/consent.tsx b/apps/blog/pages/interaction/[uid]/consent.tsx
index e6db030384759d36f7c53a6720f9d35eb66b67e5..90b47b5252d82a09031e55237001ac762a550bf6 100644
--- a/apps/blog/pages/interaction/[uid]/consent.tsx
+++ b/apps/blog/pages/interaction/[uid]/consent.tsx
@@ -1,10 +1,10 @@
 import { GetServerSideProps, GetServerSidePropsResult, Redirect } from 'next';
 import { consentPageController } from '@smart-signer/lib/consent-page-controller';
-import { getTranslations } from '../../../lib/get-translations';
+
 import { getLogger } from '@ui/lib/logging';
-import { oidc, OidcClientDetails } from '@smart-signer/lib/oidc';
-import { useConsent } from "@smart-signer/lib/auth/use-consent";
-import { postConsentSchema, PostConsentSchema } from '@smart-signer/lib/auth/utils';
+import { OidcClientDetails } from '@smart-signer/lib/oidc';
+import { useConsent } from '@smart-signer/lib/auth/use-consent';
+import { PostConsentSchema } from '@smart-signer/lib/auth/utils';
 import { CircleSpinner } from 'react-spinners-kit';
 import { useEffect, useState } from 'react';
 
@@ -34,7 +34,7 @@ export default function ConsentPage({
     if (registerConsentMutation.isLoading) return;
     const data: PostConsentSchema = {
       oauthClientId: oidcClientDetails.clientId,
-      consent,
+      consent
     };
     try {
       await registerConsentMutation.mutateAsync({ data });
@@ -48,75 +48,62 @@ export default function ConsentPage({
     }
   }
 
-  return isClient &&
-    <div
-      className="mx-2 flex flex-col gap-24 pt-16 sm:flex-row
+  return (
+    isClient && (
+      <div
+        className="mx-2 flex flex-col gap-24 pt-16 sm:flex-row
         sm:justify-around sm:gap-0"
-    >
-      <div className="flex flex-col gap-3 sm:mr-4 sm:gap-8">
-        <div className="text-lg font-bold sm:text-3xl">Consent</div>
+      >
+        <div className="flex flex-col gap-3 sm:mr-4 sm:gap-8">
+          <div className="text-lg font-bold sm:text-3xl">Consent</div>
           <p>
             We need your consent in Oauth flow for application
-            {oidcClientDetails.clientName}.
-            This application wants to:
+            {oidcClientDetails.clientName}. This application wants to:
             <ol>
-              <li>
-                Create an account for you.
-              </li>
-              <li>
-                Know your Hive public user profile details.
-              </li>
+              <li>Create an account for you.</li>
+              <li>Know your Hive public user profile details.</li>
             </ol>
           </p>
-          <p>
-            Please click the appropriate button below:
-          </p>
-        <button
-          disabled={!!runningAction}
-          onClick={() => registerConsent(true)}
-          className="w-fit rounded-lg bg-green-600 px-5 py-2.5 text-center text-sm font-semibold text-white hover:cursor-pointer hover:bg-green-700 focus:outline-none disabled:bg-gray-400 disabled:hover:cursor-not-allowed"
-        >
-          {runningAction === 'yes' ? (
-            <CircleSpinner
-              loading={runningAction === 'yes'}
-              size={18}
-              color="#dc2626"
-            />
-          ) : (
-            'Yes, I consent'
-          )}
-        </button>
-
-        <button
-          disabled={!!runningAction}
-          onClick={() => registerConsent(false)}
-          className="w-fit rounded-lg bg-red-600 px-5 py-2.5 text-center text-sm font-semibold text-white hover:cursor-pointer hover:bg-red-700 focus:outline-none disabled:bg-gray-400 disabled:hover:cursor-not-allowed"
-        >
-          {runningAction === 'no' ? (
-            <CircleSpinner
-              loading={runningAction === 'no'}
-              size={18}
-              color="#dc2626"
-            />
-          ) : (
-            'No, I do not consent'
-          )}
-        </button>
+          <p>Please click the appropriate button below:</p>
+          <button
+            disabled={!!runningAction}
+            onClick={() => registerConsent(true)}
+            className="w-fit rounded-lg bg-green-600 px-5 py-2.5 text-center text-sm font-semibold text-white hover:cursor-pointer hover:bg-green-700 focus:outline-none disabled:bg-gray-400 disabled:hover:cursor-not-allowed"
+          >
+            {runningAction === 'yes' ? (
+              <CircleSpinner loading={runningAction === 'yes'} size={18} color="#dc2626" />
+            ) : (
+              'Yes, I consent'
+            )}
+          </button>
 
+          <button
+            disabled={!!runningAction}
+            onClick={() => registerConsent(false)}
+            className="w-fit rounded-lg bg-red-600 px-5 py-2.5 text-center text-sm font-semibold text-white hover:cursor-pointer hover:bg-red-700 focus:outline-none disabled:bg-gray-400 disabled:hover:cursor-not-allowed"
+          >
+            {runningAction === 'no' ? (
+              <CircleSpinner loading={runningAction === 'no'} size={18} color="#dc2626" />
+            ) : (
+              'No, I do not consent'
+            )}
+          </button>
+        </div>
       </div>
-    </div>
-  ;
+    )
+  );
 }
 
 export const getServerSideProps: GetServerSideProps = async (ctx) => {
-  const result: GetServerSidePropsResult<{ [key: string]: any }> & { redirect?: Redirect, props?: { [key: string]: any } }
-      = await consentPageController(ctx);
+  const result: GetServerSidePropsResult<{ [key: string]: any }> & {
+    redirect?: Redirect;
+    props?: { [key: string]: any };
+  } = await consentPageController(ctx);
   if (Object.hasOwnProperty.call(result, 'props')) {
     const output: GetServerSidePropsResult<{ [key: string]: any }> = {
       props: {
-        ...result.props,
-        ...(await getTranslations(ctx)),
-      },
+        ...result.props
+      }
     };
     return output;
   }
diff --git a/apps/blog/pages/interaction/[uid]/login.tsx b/apps/blog/pages/interaction/[uid]/login.tsx
index 89dd8c7e4bd69a609ff8403ee343fb0da0ff9838..ca0469b42fad4768cfe9b129c2d3c386f2746fa5 100644
--- a/apps/blog/pages/interaction/[uid]/login.tsx
+++ b/apps/blog/pages/interaction/[uid]/login.tsx
@@ -5,7 +5,6 @@ import { loginPageController } from '@smart-signer/lib/login-page-controller';
 import SignInForm, { SignInFormRef } from '@smart-signer/components/auth/form';
 import { KeyType } from '@smart-signer/types/common';
 import { getLogger } from '@ui/lib/logging';
-import { getTranslations } from '../../../lib/get-translations';
 import { siteConfig } from '@ui/config/site';
 
 const logger = getLogger('app');
@@ -25,7 +24,7 @@ export default function LoginPage({ redirectTo }: { redirectTo?: string }) {
       logger.info('LoginPage onComplete redirecting to: %s', redirectTo);
       location.replace(redirectTo);
     }
-  }
+  };
 
   return (
     <div className="flex justify-center">
@@ -43,14 +42,15 @@ export default function LoginPage({ redirectTo }: { redirectTo?: string }) {
 }
 
 export const getServerSideProps: GetServerSideProps = async (ctx) => {
-  const result: GetServerSidePropsResult<{ [key: string]: any }> & { redirect?: Redirect, props?: { [key: string]: any } }
-      = await loginPageController(ctx);
+  const result: GetServerSidePropsResult<{ [key: string]: any }> & {
+    redirect?: Redirect;
+    props?: { [key: string]: any };
+  } = await loginPageController(ctx);
   if (Object.hasOwnProperty.call(result, 'props')) {
     const output: GetServerSidePropsResult<{ [key: string]: any }> = {
       props: {
-        ...result.props,
-        ...(await getTranslations(ctx)),
-      },
+        ...result.props
+      }
     };
     return output;
   }
diff --git a/apps/blog/pages/privacy.html.tsx b/apps/blog/pages/privacy.html.tsx
deleted file mode 100644
index ab7cdd8c89b8993941983c93092c0c13e959f28c..0000000000000000000000000000000000000000
--- a/apps/blog/pages/privacy.html.tsx
+++ /dev/null
@@ -1,851 +0,0 @@
-import { GetServerSideProps } from 'next';
-import path from 'path';
-import fs from 'fs';
-import { getTranslations } from '../lib/get-translations';
-import Head from 'next/head';
-
-export const getServerSideProps: GetServerSideProps<{
-  data: string;
-}> = async (ctx) => {
-  const file_path = path.join('lib', 'markdowns', 'faq.md');
-  const data = fs.readFileSync(file_path, { encoding: 'utf8', flag: 'r' });
-
-  return {
-    props: {
-      data,
-      ...(await getTranslations(ctx))
-    }
-  };
-};
-
-const TAB_TITLE = 'Privacy Policy - Hive';
-function Privacy() {
-  return (
-    <>
-      <Head>
-        <title>{TAB_TITLE}</title>
-      </Head>
-      <div className="my-12 flex flex-col items-center p-2">
-        <div className="mb-4 max-w-2xl text-sm font-light">
-          <div>
-            <h1 className="mb-4 text-4xl sm:text-6xl">Privacy Policy</h1>
-            <h2 className="mb-4 text-3xl sm:text-5xl">Effective: Oct 7, 2019</h2>
-            <p className="mb-4 ">
-              <span />
-            </p>
-            <p className="mb-4 ">
-              <span>
-                This Privacy Policy describes how this site collects, uses and discloses information, and what
-                choices you have with respect to the information.
-              </span>
-            </p>
-            <p className="mb-4 ">
-              <span>
-                Updates in this version of the Privacy Policy reflect changes in data protection law.
-              </span>
-            </p>
-            <p className="mb-4 ">
-              <span>
-                When we refer to this site’s operator, we mean the entity that acts as the controller of your
-                information.
-              </span>
-            </p>
-            <p className="mb-4 ">
-              <span>
-                By using the Services, you accept the terms of this Policy and our Terms of Service, and
-                consent to our initial collection, use, disclosure, and retention of your information as
-                described in this Policy and Terms of Service.
-              </span>
-            </p>
-            <p className="mb-4 ">
-              <span />
-            </p>
-            <p className="mb-4 ">
-              <span>
-                Please note that this Policy does not apply to information collected through third-party
-                websites or services that you may access through the Services or that you submit to us through
-                email, text message or other electronic message or offline.
-              </span>
-            </p>
-            <p className="mb-4 ">
-              <span />
-            </p>
-            <p className="mb-4 ">
-              <span>
-                If you are visiting this site from the European Union (EU), see our Notice to EU Data Subjects
-                below for our legal bases for processing and transfer of your data.
-              </span>
-            </p>
-            <p className="mb-4 ">
-              <span />
-            </p>
-            <h3 className="mb-4 text-3xl">WHAT WE COLLECT</h3>
-            <p className="mb-4 ">
-              <span />
-            </p>
-            <p className="mb-4 ">
-              <span>We get information about you in a range of ways.</span>
-            </p>
-            <p className="mb-4 ">
-              <span />
-            </p>
-            <p className="mb-4 ">
-              <span>Information You Give Us. Information we collect from you includes:</span>
-            </p>
-            <p className="mb-4 ">
-              <span />
-            </p>
-            <p className="mb-4 ">
-              <span>IP address;</span>
-            </p>
-            <p className="mb-4 ">
-              <span />
-            </p>
-            <p className="mb-4 ">
-              <span>Language information;</span>
-            </p>
-            <p className="mb-4 ">
-              <span />
-            </p>
-            <p className="mb-4 ">
-              <span>Contact information, such as your email address and telephone number;</span>
-            </p>
-            <p className="mb-4 ">
-              <span />
-            </p>
-            <p className="mb-4 ">
-              <span>
-                Information Automatically Collected. We may automatically record certain information about how
-                you use our Site (we refer to this information as &ldquo;Log Data&ldquo;). Log Data may
-                include information such as a user&rsquo;s Internet Protocol (IP) address, device and browser
-                type, and operating system. We use this information to administer and provide access to the
-                Services
-              </span>
-            </p>
-            <p className="mb-4 ">
-              <span />
-            </p>
-            <p className="mb-4 ">
-              <span>
-                Information we will never collect. We will never ask you to share your private keys or wallet
-                seed. Never trust anyone or any site that asks you to enter your private keys or wallet seed.
-              </span>
-            </p>
-            <p className="mb-4 ">
-              <span />
-            </p>
-            <p className="mb-4 ">
-              <span />
-            </p>
-            <h3 className="mb-4 text-3xl">USE OF PERSONAL INFORMATION</h3>
-            <p className="mb-4 ">
-              <span />
-            </p>
-            <p className="mb-4 ">
-              <span>To provide our service we will use your personal information in the following ways:</span>
-            </p>
-            <p className="mb-4 ">
-              <span />
-            </p>
-            <ul className="lst-kix_umcklwsd66fi-0 mb-4 text-3xl">
-              <li className="mb-4  ">
-                <span className="text-sm">• To enable you to access and use the Services</span>
-              </li>
-              <li className="mb-4  ">
-                <span className="text-sm">• To comply with law</span>
-              </li>
-              <li className="mb-4  ">
-                <span className="text-sm">
-                  • We use your personal information as we believe necessary or appropriate to comply with
-                  applicable laws, lawful requests and legal process, such as to respond to subpoenas or
-                  requests from government authorities. &nbsp;
-                </span>
-              </li>
-              <li className="mb-4  ">
-                <span className="text-sm">• For compliance, fraud prevention, and safety</span>
-              </li>
-              <li className="mb-4  ">
-                <span className="text-sm">• Communications</span>
-              </li>
-            </ul>
-            <p className="mb-4 ">
-              <span />
-            </p>
-            <p className="mb-4 ">
-              <span>
-                We may use your personal information to protect, investigate, and deter against fraudulent,
-                unauthorized, or illegal activity.
-              </span>
-            </p>
-            <p className="mb-4 ">
-              <span>
-                We may use your personal information to contact you with newsletters, marketing or promotional
-                materials and other information that may be of interest to you. You may opt out of receiving
-                any, or all, of these communications from us by following the unsubscribe or instructions
-                provided in any email send.
-              </span>
-            </p>
-            <p className="mb-4 ">
-              <span />
-            </p>
-            <h3 className="mb-4 text-3xl">SHARING OF PERSONAL INFORMATION</h3>
-            <p className="mb-4 ">
-              <span />
-            </p>
-            <p className="mb-4 ">
-              <span>
-                We do not share or sell the personal information that you provide us with other organizations
-                without your express consent, except as described in this Privacy Policy. We disclose personal
-                information to third parties under the following circumstances:
-              </span>
-            </p>
-            <p className="mb-4 ">
-              <span />
-            </p>
-            <p className="mb-4 ">
-              <span>
-                Affiliates. We may disclose your personal information to our subsidiaries and corporate
-                affiliates for purposes consistent with this Privacy Policy.
-              </span>
-            </p>
-            <p className="mb-4 ">
-              <span />
-            </p>
-            <p className="mb-4 ">
-              <span>
-                Business Transfers. We may share personal information when we do a business deal, or negotiate
-                a business deal, involving the sale or transfer of all or a part of our business or assets.
-                These deals can include any merger, financing, acquisition, or bankruptcy transaction or
-                proceeding.
-              </span>
-            </p>
-            <p className="mb-4 ">
-              <span />
-            </p>
-            <p className="mb-4 ">
-              <span>
-                Compliance with Laws and Law Enforcement; Protection and Safety. We may share personal
-                information for legal, protection, and safety purposes.
-              </span>
-            </p>
-            <p className="mb-4 ">
-              <span />
-            </p>
-            <p className="mb-4 ">
-              <span>We may share information to comply with laws.</span>
-            </p>
-            <p className="mb-4 ">
-              <span />
-            </p>
-            <p className="mb-4 ">
-              <span>We may share information to respond to lawful requests and legal processes.</span>
-            </p>
-            <p className="mb-4 ">
-              <span />
-            </p>
-            <p className="mb-4 ">
-              <span>
-                Professional Advisors and Service Providers. We may share information with those who need it
-                to do work for us. These recipients may include third party companies and individuals to
-                administer and provide the Service on our behalf (such as customer support, hosting, email
-                delivery and database management services), as well as lawyers, bankers, auditors, and
-                insurers.
-              </span>
-            </p>
-            <p className="mb-4 ">
-              <span>
-                Other. You may permit us to share your personal information with other companies or entities
-                of your choosing. Those uses will be subject to the privacy policies of the recipient entity
-                or entities.
-              </span>
-            </p>
-            <p className="mb-4 ">
-              <span />
-            </p>
-            <p className="mb-4 ">
-              <span>We may also share aggregated and/or anonymized data with others for their own uses.</span>
-            </p>
-            <p className="mb-4 ">
-              <span />
-            </p>
-            <h3 className="mb-4 text-3xl">INTERNATIONAL TRANSFER</h3>
-            <p className="mb-4 ">
-              <span />
-            </p>
-            <p className="mb-4 ">
-              <span>
-                The Company has offices outside of the EU and has affiliates and service providers in the
-                United States and in other countries. Your personal information may be transferred to or from
-                the United States or other locations outside of your state, province, country or other
-                governmental jurisdiction where privacy laws may not be as protective as those in your
-                jurisdiction.
-              </span>
-            </p>
-            <p className="mb-4 ">
-              <span />
-            </p>
-            <p className="mb-4 ">
-              <span>
-                EU users should read the important information provided &nbsp;below about transfer of personal
-                information outside of the European Economic Area (EEA).
-              </span>
-            </p>
-            <p className="mb-4 ">
-              <span />
-            </p>
-            <h3 className="mb-4 text-3xl">HOW INFORMATION IS SECURED</h3>
-            <p className="mb-4 ">
-              <span />
-            </p>
-            <p className="mb-4 ">
-              <span>
-                We retain information we collect as long as it is necessary and relevant to fulfill the
-                purposes outlined in this privacy policy. In addition, we retain personal information to
-                comply with applicable law where required, prevent fraud, resolve disputes, troubleshoot
-                problems, assist with any investigation, enforce our Terms of Service, and other actions
-                permitted by law. To determine the appropriate retention period for personal information, we
-                consider the amount, nature, and sensitivity of the personal information, the potential risk
-                of harm from unauthorized use or disclosure of your personal information, the purposes for
-                which we process your personal information and whether we can achieve those purposes through
-                other means, and the applicable legal requirements.
-              </span>
-            </p>
-            <p className="mb-4 ">
-              <span />
-            </p>
-            <p className="mb-4 ">
-              <span>
-                In some circumstances we may anonymize your personal information (so that it can no longer be
-                associated with you) in which case we may use this information indefinitely without further
-                notice to you. &nbsp;{' '}
-              </span>
-            </p>
-            <p className="mb-4 ">
-              <span />
-            </p>
-            <p className="mb-4 ">
-              <span>
-                We employ industry standard security measures designed to protect the security of all
-                information submitted through the Services. However, the security of information transmitted
-                through the internet can never be guaranteed. We are not responsible for any interception or
-                interruption of any communications through the internet or for changes to or losses of data.
-                Users of the Services are responsible for maintaining the security of any password, user ID or
-                other form of authentication involved in obtaining access to password protected or secure
-                areas of any of our digital services.
-              </span>
-            </p>
-            <p className="mb-4 ">
-              <span />
-            </p>
-            <p className="mb-4 ">
-              <span />
-            </p>
-            <h3 className="mb-4 text-3xl">INFORMATION CHOICES AND CHANGES</h3>
-            <p className="mb-4 ">
-              <span />
-            </p>
-            <p className="mb-4 ">
-              <span>Accessing, Updating, Correcting, and Deleting your Information</span>
-            </p>
-            <p className="mb-4 ">
-              <span />
-            </p>
-            <p className="mb-4 ">
-              <span>
-                You may access information that you have voluntarily provided through your account on the
-                Services, and review, correct, or delete it.
-              </span>
-              <span>.</span>
-            </p>
-            <p className="mb-4 ">
-              <span />
-            </p>
-            <h3 className="mb-4 text-3xl">CONTACT INFORMATION.</h3>
-            <p className="mb-4 ">
-              <span>
-                &nbsp;We welcome your comments or questions about this Policy, and you may contact us at:
-                privacy@hive.io.
-              </span>
-            </p>
-            <p className="mb-4 ">
-              <span />
-            </p>
-            <h3 className="mb-4 text-3xl">CHANGES TO THIS PRIVACY POLICY.</h3>
-            <p className="mb-4 ">
-              <span>
-                &nbsp;We may change this privacy policy at any time. We encourage you to periodically review
-                this page for the latest information on our privacy practices. If we make any changes, we will
-                change the Last Updated date above.
-              </span>
-            </p>
-            <p className="mb-4 ">
-              <span />
-            </p>
-            <p className="mb-4 ">
-              <span>
-                Any modifications to this Privacy Policy will be effective upon our posting of the new terms
-                and/or upon implementation of the changes to the Site (or as otherwise indicated at the time
-                of posting). In all cases, your continued use of the the Site or Services after the posting of
-                any modified Privacy Policy indicates your acceptance of the terms of the modified Privacy
-                Policy.
-              </span>
-            </p>
-            <p className="mb-4 ">
-              <span />
-            </p>
-            <h3 className="mb-4 text-3xl">ELIGIBILITY</h3>
-            <p className="mb-4 ">
-              <span />
-            </p>
-            <p className="mb-4 ">
-              <span>
-                If you are under the age of majority in your jurisdiction of residence, you may use the
-                Services only with the consent of or under the supervision of your parent or legal guardian.
-                Consistent with the requirements of the Children&#39;s Online Privacy Protection Act (COPPA),
-                if we learn that we have received any information directly from a child under age 13 without
-                first receiving his or her parent&#39;s verified consent, we will use that information only to
-                respond directly to that child (or his or her parent or legal guardian) to inform the child
-                that he or she cannot use the Site and subsequently we will delete that information.
-              </span>
-            </p>
-            <p className="mb-4 ">
-              <span />
-            </p>
-            <h3 className="mb-4 text-3xl">NOTICE TO CALIFORNIA RESIDENTS</h3>
-            <p className="mb-4 ">
-              <span />
-            </p>
-            <p className="mb-4 ">
-              <span>
-                Under California Civil Code Section 1789.3, California users are entitled to the following
-                consumer rights notice: California residents may reach the Complaint Assistance Unit of the
-                Division of Consumer Services of the California Department of Consumer Affairs by mail at 1625
-                North Market Blvd., Sacramento, CA 95834, or by telephone at (916) 445-1254 or (800) 952-5210.
-              </span>
-            </p>
-            <p className="mb-4 ">
-              <span />
-            </p>
-            <h3 className="mb-4 text-3xl">NOTICE TO EU DATA SUBJECTS</h3>
-            <p className="mb-4 ">
-              <span />
-            </p>
-            <p className="mb-4 ">
-              <span />
-            </p>
-            <p className="mb-4 ">
-              <span className="mb-4 text-3xl">Personal Information</span>
-            </p>
-            <p className="mb-4 ">
-              <span />
-            </p>
-            <p className="mb-4 ">
-              <span>
-                With respect to EU data subjects, &ldquo;personal information,&rdquo; as used in this Privacy
-                Policy, is equivalent to &ldquo;personal data&rdquo; as defined in the European Union General
-                Data Protection Regulation (GDPR).
-              </span>
-            </p>
-            <p className="mb-4 ">
-              <span />
-            </p>
-            <p className="mb-4 ">
-              <span />
-            </p>
-            <p className="mb-4 ">
-              <span className="3 0 mb-4">Legal Bases for Processing</span>
-            </p>
-            <p className="mb-4 ">
-              <span />
-            </p>
-            <p className="mb-4 ">
-              <span>
-                We only use your personal information as permitted by law. We are required to inform you of
-                the legal bases of our processing of your personal information, which are described in the
-                table below. If you have questions about the legal bases under which we process your personal
-                information, contact us at legal@hive.io.
-              </span>
-            </p>
-            <p className="mb-4 ">
-              <span />
-            </p>
-            <p className="mb-4 ">
-              <span className="mb-4 text-3xl">Processing Purpose</span>
-            </p>
-            <p className="mb-4 ">
-              <span />
-            </p>
-            <ul className="lst-kix_5gmcovz1lhm4-0 mb-4 text-3xl">
-              <li className="mb-4  ">
-                <span className="text-sm">• Legal Basis</span>
-              </li>
-              <li className="mb-4  ">
-                <span className="text-sm">• For compliance, fraud prevention, and safety</span>
-              </li>
-              <li className="mb-4  ">
-                <span className="text-sm">• To provide our service</span>
-              </li>
-            </ul>
-            <p className="mb-4 ">
-              <span />
-            </p>
-            <p className="mb-4 ">
-              <span />
-            </p>
-            <p className="mb-4 ">
-              <span>
-                These processing activities constitute our legitimate interests. We make sure we consider and
-                balance any potential impacts on you (both positive and negative) and your rights before we
-                process your personal information for our legitimate interests. We do not use your personal
-                information for activities where our interests are overridden by any adverse impact on you
-                (unless we have your consent or are otherwise required or permitted to by law).
-              </span>
-            </p>
-            <p className="mb-4 ">
-              <span />
-            </p>
-            <p className="mb-4 ">
-              <span className="0  mb-4">With your consent</span>
-            </p>
-            <p className="mb-4 ">
-              <span />
-            </p>
-            <p className="mb-4 ">
-              <span>
-                Where our use of your personal information is based upon your consent, you have the right to
-                withdraw it anytime in the manner indicated in the Service or by contacting us at
-                privacy@hive.io
-              </span>
-            </p>
-            <p className="mb-4 ">
-              <span />
-            </p>
-            <p className="mb-4 ">
-              <span className="mb-4 text-3xl">Use for New Purposes</span>
-            </p>
-            <p className="mb-4 ">
-              <span />
-            </p>
-            <p className="mb-4 ">
-              <span>
-                We may use your personal information for reasons not described in this Privacy Policy, where
-                we are permitted by law to do so and where the reason is compatible with the purpose for which
-                we collected it. If we need to use your personal information for an unrelated purpose, we will
-                notify you and explain the applicable legal basis for that use. If we have relied upon your
-                consent for a particular use of your personal information, we will seek your consent for any
-                unrelated purpose.
-              </span>
-            </p>
-            <p className="mb-4 ">
-              <span />
-            </p>
-            <p className="mb-4 ">
-              <span className="mb-4 text-3xl">Your Rights</span>
-            </p>
-            <p className="mb-4 ">
-              <span />
-            </p>
-            <p className="mb-4 ">
-              <span>
-                Under the GDPR, you have certain rights regarding your personal information. You may ask us to
-                take the following actions in relation to your personal information that we hold:
-              </span>
-            </p>
-            <p className="mb-4 ">
-              <span />
-            </p>
-            <p className="mb-4 ">
-              <span className="mb-4 ">Opt-out</span>
-              <span>
-                . Stop sending you direct marketing communications which you have previously consented to
-                receive. We may continue to send you Service-related and other non-marketing communications.
-              </span>
-            </p>
-            <p className="mb-4 ">
-              <span />
-            </p>
-            <p className="mb-4 ">
-              <span className="mb-4 ">Access</span>
-              <span>
-                . Provide you with information about our processing of your personal information and give you
-                access to your personal information.
-              </span>
-            </p>
-            <p className="mb-4 ">
-              <span />
-            </p>
-            <p className="mb-4 ">
-              <span className="mb-4 ">Correct</span>
-              <span>. Update or correct inaccuracies in your personal information.</span>
-            </p>
-            <p className="mb-4 ">
-              <span />
-            </p>
-            <p className="mb-4 ">
-              <span className="mb-4 ">Delete</span>
-              <span>. Delete your personal information.</span>
-            </p>
-            <p className="mb-4 ">
-              <span />
-            </p>
-            <p className="mb-4 ">
-              <span className="mb-4 ">Transfer</span>
-              <span>
-                . Transfer a machine-readable copy of your personal information to you or a third party of
-                your choice.
-              </span>
-            </p>
-            <p className="mb-4 ">
-              <span />
-            </p>
-            <p className="mb-4 ">
-              <span className="mb-4 ">Restrict</span>
-              <span>. Restrict the processing of your personal information.</span>
-            </p>
-            <p className="mb-4 ">
-              <span />
-            </p>
-            <p className="mb-4 ">
-              <span className="mb-4 ">Object</span>
-              <span>
-                . Object to our reliance on our legitimate interests as the basis of our processing of your
-                personal information that impacts your rights.
-              </span>
-            </p>
-            <p className="mb-4 ">
-              <span />
-            </p>
-            <p className="mb-4 ">
-              <span>
-                You can submit these requests by email to privacy@hive.io. We may request specific information
-                from you to help us confirm your identity and process your request. Applicable law may require
-                or permit us to decline your request. If we decline your request, we will tell you why,
-                subject to legal restrictions. If you would like to submit a complaint about our use of your
-                personal information or response to your requests regarding your personal information, you may
-                contact us at privacy@hive.io or submit a complaint to the data protection regulator in your
-                jurisdiction.
-              </span>
-              <span>.</span>
-            </p>
-            <p className="mb-4 ">
-              <span />
-            </p>
-            <p className="mb-4 ">
-              <span className="mb-4 text-3xl">Cross-Border Data Transfer</span>
-            </p>
-            <p className="mb-4 ">
-              <span />
-            </p>
-            <p className="mb-4 ">
-              <span>
-                Please be aware that your personal data will be transferred to, processed, and stored in the
-                United States. Data protection laws in the U.S. may be different from those in your country of
-                residence. You consent to the transfer of your information, including personal information, to
-                the U.S. as set forth in this Privacy Policy by visiting our site or using our service.
-              </span>
-            </p>
-            <p className="mb-4 ">
-              <span />
-            </p>
-            <p className="mb-4 ">
-              <span>
-                Whenever we transfer your personal information out of the EEA to the U.S. or countries not
-                deemed by the European Commission to provide an adequate level of personal information
-                protection, the transfer will be based on a data transfer mechanism recognized by the European
-                Commission as providing adequate protection for personal information.
-              </span>
-            </p>
-            <p className="mb-4 ">
-              <span />
-            </p>
-            <p className="mb-4 ">
-              <span>
-                Please contact us if you want further information on the specific mechanism used by us when
-                transferring your personal information out of the EEA.
-              </span>
-            </p>
-            <p className="mb-4 ">
-              <span />
-            </p>
-            <p className="mb-4 ">
-              <span className="mb-4 text-3xl">Why do we use Cookies?</span>
-            </p>
-            <p className="mb-4 ">
-              <span />
-            </p>
-            <p className="mb-4 ">
-              <span>We generally use Cookies for the following purposes:</span>
-            </p>
-            <p className="mb-4 ">
-              <span />
-            </p>
-            <ul className="mb-4  text-3xl">
-              <li className="mb-4  ">
-                <span className="text-sm">
-                  • To allow registered users to stay logged in to the site after they close their browser
-                  window;
-                </span>
-              </li>
-              <li className="mb-4  ">
-                <span className="text-sm">• To store users&#39; preferences for site functionality; and</span>
-              </li>
-              <li className="mb-4  ">
-                <span className="text-sm">
-                  • To track site usage so we can improve our site &amp; better understand how people are
-                  using it
-                </span>
-              </li>
-              <li className="mb-4  ">
-                <span className="text-sm">
-                  • To better understand the interests of our customers and our website visitors.
-                </span>
-              </li>
-            </ul>
-            <p className="mb-4 ">
-              <span />
-            </p>
-            <p className="mb-4 ">
-              <span>
-                Some Cookies are necessary for certain uses of the Site, and without such Cookies, we would
-                not be able to provide many services that you need to properly use the Site. These Cookies,
-                for example, allow us to operate our Site so you may access it as you have requested and let
-                us recognize that you have created an account and have logged into that account to access Site
-                content. They also include Cookies that enable us to remember your previous actions within the
-                same browsing session and secure our Sites. &nbsp;
-              </span>
-            </p>
-            <p>
-              <span />
-            </p>
-            <p className="mb-4 ">
-              <span>
-                We also use functional Cookies and Cookies from third parties for analysis and marketing
-                purposes. &nbsp;Functional Cookies enable certain parts of the site to work properly and your
-                user preferences to remain known. &nbsp;Analysis Cookies, among other things, collect
-                information on how visitors use our Site, the content and products that users view most
-                frequently, and the effectiveness of our third party advertising. Advertising Cookies assist
-                in delivering ads to relevant audiences and having our ads appear at the top of search
-                results. Cookies are either &ldquo;session&rdquo; Cookies which are deleted when you end your
-                browser session, or &ldquo;persistent,&rdquo; which remain until their deletion by you
-                (discussed below) or the party who served the cookie. &nbsp;Full details on all of the Cookies
-                used on the Site are available at our Cookie Disclosure table below.
-              </span>
-            </p>
-            <p className="mb-4 ">
-              <span />
-            </p>
-            <p className="mb-4 ">
-              <span className="mb-4 text-3xl">How to disable Cookies. </span>
-            </p>
-            <p className="mb-4 ">
-              <span>
-                You can generally activate or later deactivate the use of cookies through a functionality
-                built into your web browser. To learn more about how to control
-              </span>
-              <span>&nbsp;cookie settings through your browser:</span>
-            </p>
-            <p className="mb-4 ">
-              <span />
-            </p>
-            <p className="mb-4 ">
-              <span>Click </span>
-              <span className="c12  mb-4">
-                <a
-                  className="mb-4 text-sm text-red-600"
-                  href="https://www.google.com/url?q=https://support.mozilla.org/en-US/kb/enable-and-disable-cookies-website-preferences&amp;sa=D&amp;ust=1527292847109000"
-                >
-                  here
-                </a>
-              </span>
-              <span>
-                &nbsp;to learn more about the &ldquo;Private Browsing&rdquo; setting and managing cookie
-                settings in Firefox;
-              </span>
-            </p>
-            <p className="mb-4 ">
-              <span />
-            </p>
-            <p className="mb-4 ">
-              <span>Click </span>
-              <span className="c12  mb-4">
-                <a
-                  className="mb-4 text-sm text-red-600"
-                  href="https://www.google.com/url?q=https://support.google.com/chrome/answer/95647?hl%3Den&amp;sa=D&amp;ust=1527292847109000"
-                >
-                  here
-                </a>
-              </span>
-              <span>
-                &nbsp;to learn more about &ldquo;Incognito&rdquo; and managing cookie settings in Chrome;
-              </span>
-            </p>
-            <p className="mb-4 ">
-              <span />
-            </p>
-            <p className="mb-4 ">
-              <span>Click </span>
-              <span className="c12  mb-4">
-                <a
-                  className="mb-4 text-sm text-red-600"
-                  href="https://www.google.com/url?q=https://support.microsoft.com/en-us/help/17442/windows-internet-explorer-delete-manage-cookies&amp;sa=D&amp;ust=1527292847110000"
-                >
-                  here
-                </a>
-              </span>
-              <span>
-                &nbsp;to learn more about &ldquo;InPrivate&rdquo; and managing cookie settings in Internet
-                Explorer; or
-              </span>
-            </p>
-            <p className="mb-4 ">
-              <span />
-            </p>
-            <p className="mb-4 ">
-              <span>Click </span>
-              <span className="c12  mb-4">
-                <a
-                  className="mb-4 text-sm text-red-600"
-                  href="https://www.google.com/url?q=https://support.apple.com/kb/ph21411?locale%3Den_US&amp;sa=D&amp;ust=1527292847110000"
-                >
-                  here
-                </a>
-              </span>
-              <span>
-                &nbsp;to learn more about &ldquo;Private Browsing&rdquo; and managing cookie settings in
-                Safari.
-              </span>
-            </p>
-            <p className="mb-4 ">
-              <span />
-            </p>
-            <p className="mb-4 ">
-              <span>
-                If you want to learn more about cookies, or how to control, disable or delete them, please
-                visit http://www.aboutcookies.org for detailed guidance. In addition, certain third party
-                advertising networks, including Google, permit users to opt out of or customize preferences
-                associated with your internet browsing.
-              </span>
-            </p>
-            <p className="mb-4 ">
-              <span />
-            </p>
-            <p className="mb-4 ">
-              <span>
-                We may link the information collected by Cookies with other information we collect from you
-                pursuant to this Privacy Policy and use the combined information as set forth herein.
-                &nbsp;Similarly, the third parties who serve cookies on our Site may link your name or email
-                address to other information they collect, which may include past purchases made offline or
-                online, or your online usage information. If you are located in the European Economic Area,
-                you have certain rights that are described above under the header &ldquo;Notice to EU Data
-                Subjects&rdquo;, including the right to inspect and correct or delete the data that we have
-                about you.
-              </span>
-            </p>
-          </div>
-        </div>
-      </div>
-    </>
-  );
-}
-
-export default Privacy;
diff --git a/apps/blog/pages/roles/[param].tsx b/apps/blog/pages/roles/[param].tsx
deleted file mode 100644
index 02569eb036621c5299248255587445e5c9753513..0000000000000000000000000000000000000000
--- a/apps/blog/pages/roles/[param].tsx
+++ /dev/null
@@ -1,115 +0,0 @@
-import { FC } from 'react';
-import { useQuery } from '@tanstack/react-query';
-import { useRouter } from 'next/router';
-import { GetServerSideProps } from 'next';
-import Loading from '@ui/components/loading';
-import AddRole from '@/blog/feature/community-roles/add-role';
-import { Table, TableBody, TableHead, TableHeader, TableRow } from '@ui/components/table';
-import { useTranslation } from 'next-i18next';
-import { useUser } from '@smart-signer/lib/auth/use-user';
-import { getListCommunityRoles, getSubscriptions } from '@transaction/lib/bridge';
-import { getCommunityMetadata, getTranslations, MetadataProps } from '@/blog/lib/get-translations';
-import Head from 'next/head';
-import { getRoleValue, Roles, rolesLevels } from '@/blog/feature/community-roles/lib/utils';
-import CommunityLayout from '@/blog/feature/community-layout/community-layout';
-import TableItem from '@/blog/feature/community-roles/table-item';
-import NoDataError from '@/blog/components/no-data-error';
-
-const RolesPage: FC<{ metadata: MetadataProps }> = ({ metadata }) => {
-  const router = useRouter();
-  const { user } = useUser();
-  const { t } = useTranslation('common_blog');
-  const community = router.query.param as string;
-
-  const { data: mySubsData } = useQuery(
-    ['subscriptions', user?.username],
-    () => getSubscriptions(user.username),
-    {
-      enabled: Boolean(user?.username)
-    }
-  );
-
-  const { data, isLoading, isError } = useQuery(
-    ['rolesList', community],
-    () => getListCommunityRoles(community),
-    {
-      enabled: Boolean(community),
-      select: (list) =>
-        list
-          ? list.map((e) => ({
-              name: e[0],
-              value: getRoleValue(e[1] as Roles),
-              role: e[1] as Roles,
-              title: e[2],
-              temprary: !!e[3]
-            }))
-          : []
-    }
-  );
-
-  const loggedUser = data?.find((e) => e.name === user.username) ?? {
-    value: 1,
-    role: 'guest',
-    name: user.username,
-    title: ''
-  };
-
-  if (isLoading) return <Loading loading={isLoading} />;
-  if (isError) return <NoDataError />;
-
-  return (
-    <>
-      <Head>
-        <title>{metadata.tabTitle}</title>
-        <meta property="og:title" content={metadata.title} />
-        <meta property="og:description" content={metadata.description} />
-        <meta property="og:image" content={metadata.image} />
-      </Head>
-      <CommunityLayout community={community} mySubsData={mySubsData}>
-        <div className="my-4 flex w-full items-center justify-between" translate="no">
-          <div className="m-2 w-full bg-background px-8 py-6">
-            <h2 className="mb-1 text-2xl">{t('communities.user_roles')}</h2>
-            <Table className="w-full border-[1px] border-solid border-secondary">
-              <TableHeader className="text-">
-                <TableRow className="bg-secondary">
-                  <TableHead className="px-2">{t('communities.account')}</TableHead>
-                  <TableHead className="w-48 px-2">{t('communities.role')}</TableHead>
-                  <TableHead className="px-2">{t('communities.title')}</TableHead>
-                </TableRow>
-              </TableHeader>
-              <TableBody>
-                {data.map((e) => (
-                  <TableItem loggedUserValue={loggedUser.value} item={e} community={community} key={e.name} />
-                ))}
-              </TableBody>
-            </Table>
-            {loggedUser.value >= 3 && <AddRole loggedUserLevel={loggedUser.value} community={community} />}
-            <div className="mt-12">
-              <h1>{t('communities.role_permissions')}</h1>
-              <div className="text-sm">
-                {rolesLevels.map((role) => (
-                  <div key={role.name}>
-                    <span className="font-bold"> {t(`communities.${role.name}`)}</span>
-                    <span>- {t(`communities.description_${role.name}`)}</span>
-                  </div>
-                ))}
-              </div>
-            </div>
-          </div>
-        </div>
-      </CommunityLayout>
-    </>
-  );
-};
-
-export default RolesPage;
-
-export const getServerSideProps: GetServerSideProps = async (ctx) => {
-  const firstParam = (ctx.params?.param as string) ?? '';
-  return {
-    props: {
-      metadata: await getCommunityMetadata('Roles', firstParam, ''),
-      ...(await getTranslations(ctx))
-    }
-  };
-};
diff --git a/apps/blog/pages/search.tsx b/apps/blog/pages/search.tsx
deleted file mode 100644
index d0a1f0381f3b609fa8cdc5b7691546c4ab2c7ffd..0000000000000000000000000000000000000000
--- a/apps/blog/pages/search.tsx
+++ /dev/null
@@ -1,86 +0,0 @@
-import { useRouter } from 'next/router';
-import { GetServerSideProps } from 'next';
-import { getDefaultProps } from '../lib/get-translations';
-import Head from 'next/head';
-import { ModeSwitchInput } from '@ui/components/mode-switch-input';
-import { useEffect } from 'react';
-import AIResult from '../feature/search/ai-result';
-import { SearchSort } from '@ui/hooks/useSearch';
-import AccountTopicResult from '../feature/search/account-topic-result';
-import { useQuery } from '@tanstack/react-query';
-import { getHiveSenseStatus } from '../lib/get-data';
-import { useLocalStorage } from 'usehooks-ts';
-import { DEFAULT_PREFERENCES, Preferences } from '@/blog/lib/utils';
-import { useUser } from '@smart-signer/lib/auth/use-user';
-
-export const getServerSideProps: GetServerSideProps = getDefaultProps;
-const TAB_TITLE = 'Search - Hive';
-export default function SearchPage() {
-  const { data: hiveSense } = useQuery(['hivesense-api'], () => getHiveSenseStatus(), {
-    refetchOnWindowFocus: false,
-    refetchOnMount: false
-  });
-  const { user } = useUser();
-  const [preferences] = useLocalStorage<Preferences>(
-    `user-preferences-${user.username}`,
-    DEFAULT_PREFERENCES
-  );
-  const router = useRouter();
-  const aiQuery = router.query.ai as string | undefined;
-  const classicQuery = router.query.q as string | undefined;
-  const topicQuery = router.query.p as string | undefined;
-  const userTopicQuery = router.query.a as string | undefined;
-  const sortQuery = router.query.s as SearchSort | undefined;
-  useEffect(() => {
-    // Save scroll position when leaving the page
-    const handleRouteChange = () => {
-      sessionStorage.setItem('scrollPosition', window.scrollY.toString());
-    };
-
-    // Restore scroll position when returning to the page
-    const restoreScrollPosition = () => {
-      const scrollPosition = sessionStorage.getItem('scrollPosition');
-      if (scrollPosition) {
-        window.scrollTo(0, parseInt(scrollPosition));
-        handleRouteChange();
-      }
-    };
-    router.events.on('routeChangeStart', handleRouteChange);
-    // Restore scroll position after the page content is loaded
-    if (typeof window !== 'undefined') {
-      // Wait for content to be rendered
-      setTimeout(restoreScrollPosition, 500);
-    }
-
-    return () => {
-      router.events.off('routeChangeStart', handleRouteChange);
-    };
-  }, [router.events]);
-
-  return (
-    <>
-      <Head>
-        <title>{TAB_TITLE}</title>
-      </Head>
-      <div className="m-auto flex max-w-4xl flex-col gap-12 px-4 py-8">
-        <div className="flex flex-col gap-4">
-          <div className="w-full">
-            <ModeSwitchInput searchPage aiAvailable={!!hiveSense} />
-          </div>
-        </div>
-        {!!aiQuery ? <AIResult query={aiQuery} nsfwPreferences={preferences.nsfw} /> : null}
-        {!!classicQuery && !!sortQuery ? (
-          <AccountTopicResult nsfwPreferences={preferences.nsfw} query={classicQuery} sort={sortQuery} />
-        ) : null}
-        {!!userTopicQuery && !!topicQuery && !!sortQuery ? (
-          <AccountTopicResult
-            author={userTopicQuery}
-            query={userTopicQuery}
-            sort={sortQuery}
-            nsfwPreferences={preferences.nsfw}
-          />
-        ) : null}
-      </div>
-    </>
-  );
-}
diff --git a/apps/blog/pages/tos.html.tsx b/apps/blog/pages/tos.html.tsx
deleted file mode 100644
index 45523057fe413ed47e5af8ff9718e1ade5472d15..0000000000000000000000000000000000000000
--- a/apps/blog/pages/tos.html.tsx
+++ /dev/null
@@ -1,50 +0,0 @@
-import { Remarkable } from 'remarkable';
-import { GetServerSideProps, InferGetServerSidePropsType } from 'next';
-import path from 'path';
-import fs from 'fs';
-import { getTranslations } from '../lib/get-translations';
-import { useMemo } from 'react';
-import Head from 'next/head';
-
-export const getServerSideProps: GetServerSideProps<{
-  data: string;
-}> = async (ctx) => {
-  const file_path = path.join('lib', 'markdowns', 'tos.md');
-  const data = fs.readFileSync(file_path, { encoding: 'utf8', flag: 'r' });
-
-  return {
-    props: {
-      data,
-      ...(await getTranslations(ctx))
-    }
-  };
-};
-const TAB_TITLE = 'Terms of Service - Hive';
-function TOS({ data }: InferGetServerSidePropsType<typeof getServerSideProps>) {
-  const renderer = new Remarkable({
-    html: true,
-    xhtmlOut: true,
-    typographer: false,
-    quotes: '“”‘’'
-  });
-  const content = useMemo(() => renderer.render(data), []);
-  return (
-    <>
-      <Head>
-        <title>{TAB_TITLE}</title>
-      </Head>
-      <div className="mx-auto my-12 max-w-3xl px-4">
-        <div className="text-2xl sm:text-5xl">Terms of Service</div>
-        <div
-          id="articleBody"
-          className="prose"
-          dangerouslySetInnerHTML={{
-            __html: content
-          }}
-        />
-      </div>
-    </>
-  );
-}
-
-export default TOS;
diff --git a/apps/blog/pages/welcome.tsx b/apps/blog/pages/welcome.tsx
deleted file mode 100644
index 3b517398b2b94ec4ccc5a739f3bd8ecf181af5bd..0000000000000000000000000000000000000000
--- a/apps/blog/pages/welcome.tsx
+++ /dev/null
@@ -1,51 +0,0 @@
-import { Remarkable } from 'remarkable';
-import fs from 'fs';
-import path from 'path';
-import { GetServerSideProps, InferGetServerSidePropsType } from 'next';
-import { getTranslations } from '../lib/get-translations';
-import { useTranslation } from 'next-i18next';
-import { useMemo } from 'react';
-import Head from 'next/head';
-
-export const getServerSideProps: GetServerSideProps<{
-  data: string;
-}> = async (ctx) => {
-  const file_path = path.join('lib', 'markdowns', 'welcome.md');
-  const data = fs.readFileSync(file_path, { encoding: 'utf8', flag: 'r' });
-
-  return {
-    props: {
-      data,
-      ...(await getTranslations(ctx))
-    }
-  };
-};
-const TAB_TITLE = 'Welcome - Hive';
-function Welcome({ data }: InferGetServerSidePropsType<typeof getServerSideProps>) {
-  useTranslation('common_blog');
-  const renderer = new Remarkable({
-    html: true,
-    xhtmlOut: true,
-    typographer: false,
-    quotes: '“”‘’'
-  });
-  const content = useMemo(() => renderer.render(data), []);
-  return (
-    <>
-      <Head>
-        <title>{TAB_TITLE}</title>
-      </Head>
-      <div className="mx-auto my-12 max-w-3xl px-4">
-        <div
-          id="articleBody"
-          className="prose"
-          dangerouslySetInnerHTML={{
-            __html: content
-          }}
-        />
-      </div>
-    </>
-  );
-}
-
-export default Welcome;
diff --git a/apps/wallet/.eslintrc.js b/apps/wallet/.eslintrc.js
index 895847a1eefd0fb84ac9f0bb832c75d12d74fd55..306e7aa5c6bb365d67dbae8e2de5f69a2e04d7b4 100644
--- a/apps/wallet/.eslintrc.js
+++ b/apps/wallet/.eslintrc.js
@@ -1,4 +1,5 @@
 module.exports = {
   root: true,
-  extends: ['@hive/eslint-config-custom']
+  extends: ['@hive/eslint-config-custom'],
+  ignorePatterns: ['.next/**', 'dist/**', 'build/**', 'node_modules/**']
 };
diff --git a/apps/wallet/components/buy-sell-form.tsx b/apps/wallet/components/buy-sell-form.tsx
index bc00512a70fe2235333db4bbb870727aac5895a2..39b5a7bcf01b37debde24e91f0eced0365f62569 100644
--- a/apps/wallet/components/buy-sell-form.tsx
+++ b/apps/wallet/components/buy-sell-form.tsx
@@ -9,7 +9,7 @@ import { handleError } from '@ui/lib/handle-error';
 import { useUser } from '@smart-signer/lib/auth/use-user';
 import { Dialog, DialogContent, DialogFooter, DialogTrigger } from '@ui/components';
 import { useQuery, useQueryClient } from '@tanstack/react-query';
-import { getAccount } from '@transaction/lib/hive';
+import { getAccount } from '@transaction/lib/hive-api';
 import { getAsset } from '@transaction/lib/utils';
 
 enum ActionType {
diff --git a/apps/wallet/components/common/profile-layout.tsx b/apps/wallet/components/common/profile-layout.tsx
index 927d84c15b835f66fc5d233ee5640817e885d0c6..b3c8629289783cfe3c2750d36b2e99c8a17a705d 100644
--- a/apps/wallet/components/common/profile-layout.tsx
+++ b/apps/wallet/components/common/profile-layout.tsx
@@ -4,7 +4,7 @@ import { useRouter } from 'next/router';
 import { useSiteParams } from '@ui/components/hooks/use-site-params';
 import Loading from '@ui/components/loading';
 import { useQuery } from '@tanstack/react-query';
-import { getAccountFull } from '@transaction/lib/hive';
+import { getAccountFull } from '@transaction/lib/hive-api';
 import { Icons } from '@hive/ui/components/icons';
 import { dateToShow } from '@hive/ui/lib/parse-date';
 import { proxifyImageUrl } from '@hive/ui/lib/old-profixy';
diff --git a/apps/wallet/components/hooks/use-account-data.ts b/apps/wallet/components/hooks/use-account-data.ts
index bc17fb89c2f7c6902e6d4a24d941e1dd19c212d9..643afebebbb73f9c10bbd7b3200fc2a14e5ad280 100644
--- a/apps/wallet/components/hooks/use-account-data.ts
+++ b/apps/wallet/components/hooks/use-account-data.ts
@@ -1,4 +1,4 @@
-import { getAccountFull } from '@transaction/lib/hive';
+import { getAccountFull } from '@transaction/lib/hive-api';
 import { useQuery } from '@tanstack/react-query';
 
 const useAccountData = (username: string) => {
diff --git a/apps/wallet/components/hooks/use-accounts-voters.ts b/apps/wallet/components/hooks/use-accounts-voters.ts
index 3f86a6aa401e4d01608654c30d84f20c66682d84..ace7ef92874dcc570f4837f24091eb875cf25424 100644
--- a/apps/wallet/components/hooks/use-accounts-voters.ts
+++ b/apps/wallet/components/hooks/use-accounts-voters.ts
@@ -1,6 +1,6 @@
 import { convertStringToBig } from '@ui/lib/helpers';
 import { useQuery } from '@tanstack/react-query';
-import { getAccounts } from '@transaction/lib/hive';
+import { getAccounts } from '@transaction/lib/hive-api';
 import Big from 'big.js';
 import { FullAccount } from '@transaction/lib/app-types';
 
diff --git a/apps/wallet/components/hooks/use-rewards-history.ts b/apps/wallet/components/hooks/use-rewards-history.ts
index a46aa2dd22b9ad5c94105cdaf6849ca81fe5ee66..b273788cfff8e1be2513ffe7a7f69eddcfd761ba 100644
--- a/apps/wallet/components/hooks/use-rewards-history.ts
+++ b/apps/wallet/components/hooks/use-rewards-history.ts
@@ -1,6 +1,6 @@
 import { getAccountRewardsHistory } from '@/wallet/lib/hive';
 import { useQuery } from '@tanstack/react-query';
-import { getDynamicGlobalProperties } from '@transaction/lib/hive';
+import { getDynamicGlobalProperties } from '@transaction/lib/hive-api';
 import parseDate from '@ui/lib/parse-date';
 
 export const useRewardsHistory = (username: string, opType: 'author_reward' | 'curation_reward') => {
diff --git a/apps/wallet/components/site-header.tsx b/apps/wallet/components/site-header.tsx
index 14bb94a70eac1cb6d04a6d594f2db7a9cf35f0df..658e5f13540226b8e60e71b117274a4dbc763717 100644
--- a/apps/wallet/components/site-header.tsx
+++ b/apps/wallet/components/site-header.tsx
@@ -18,7 +18,7 @@ import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@hive/
 import { RcAccount } from '@hiveio/wax';
 import { siteConfig } from '@ui/config/site';
 import WitnessVoteExpiryWarning from './witness-vote-expiry-warning';
-import { getAccount } from '@transaction/lib/hive';
+import { getAccount } from '@transaction/lib/hive-api';
 import { getUserAvatarUrl } from '@hive/ui';
 
 const logger = getLogger('app');
diff --git a/apps/wallet/components/transfer-dialog.tsx b/apps/wallet/components/transfer-dialog.tsx
index 542ccf47463b6fa8581eec5f56b492318cdda24c..da8880ef4ff85bb1def89b0c42837c9d0acbc4ac 100644
--- a/apps/wallet/components/transfer-dialog.tsx
+++ b/apps/wallet/components/transfer-dialog.tsx
@@ -28,7 +28,7 @@ import { SubmitHandler, useForm } from 'react-hook-form';
 import { z } from 'zod';
 import { zodResolver } from '@hookform/resolvers/zod';
 import { useTranslation } from 'next-i18next';
-import { getAccount } from '@transaction/lib/hive';
+import { getAccount } from '@transaction/lib/hive-api';
 import { Slider } from '@ui/components/slider';
 import Big from 'big.js';
 import { convertStringToBig } from '@ui/lib/helpers';
diff --git a/apps/wallet/eslint.config.mjs b/apps/wallet/eslint.config.mjs
index 5038f408c4d3b6210ccb98a93196881570f61e4b..2ccac912bd9932ec97c92073e2999272734524bc 100644
--- a/apps/wallet/eslint.config.mjs
+++ b/apps/wallet/eslint.config.mjs
@@ -1,16 +1,21 @@
-import path from "node:path";
-import { fileURLToPath } from "node:url";
-import js from "@eslint/js";
-import { FlatCompat } from "@eslint/eslintrc";
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+import js from '@eslint/js';
+import { FlatCompat } from '@eslint/eslintrc';
 
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
 const compat = new FlatCompat({
-    baseDirectory: __dirname,
-    recommendedConfig: js.configs.recommended,
-    allConfig: js.configs.all
+  baseDirectory: __dirname,
+  recommendedConfig: js.configs.recommended,
+  allConfig: js.configs.all
 });
 
-export default [{
-    ignores: ["public/auth/worker.js"],
-}, ...compat.extends("@hive/eslint-config-custom")];
\ No newline at end of file
+const config = [
+  {
+    ignores: ['public/auth/worker.js', '.next/**', 'dist/**', 'build/**']
+  },
+  ...compat.extends('@hive/eslint-config-custom')
+];
+
+export default config;
diff --git a/apps/wallet/feature/transfers-page/rc-row.tsx b/apps/wallet/feature/transfers-page/rc-row.tsx
index 618d3e7bc926ae9e2c0827a634ccb8c97eab15cf..7d8ef48fa24ef829e1e0c9cf52b081f447f0c569 100644
--- a/apps/wallet/feature/transfers-page/rc-row.tsx
+++ b/apps/wallet/feature/transfers-page/rc-row.tsx
@@ -1,5 +1,5 @@
 import { useQuery } from '@tanstack/react-query';
-import { getManabar } from '@transaction/lib/hive';
+import { getManabar } from '@transaction/lib/hive-api';
 import { CircleSpinner } from 'react-spinners-kit';
 import { hoursAndMinutes } from './lib/utils';
 import RCStats from './rc-stats';
diff --git a/apps/wallet/lib/get-translations.ts b/apps/wallet/lib/get-translations.ts
index 8b86a9f61a493ecdd6902cd49e5cb6699c26b394..b1fc2890b0f57fb5142c23acbe10662c888715d2 100644
--- a/apps/wallet/lib/get-translations.ts
+++ b/apps/wallet/lib/get-translations.ts
@@ -1,7 +1,7 @@
 import { GetStaticPropsContext, GetServerSidePropsContext } from 'next';
 import { serverSideTranslations } from 'next-i18next/serverSideTranslations';
 import { i18n } from '@/wallet/next-i18next.config';
-import { getAccountFull } from '@transaction/lib/hive';
+import { getAccountFull } from '@transaction/lib/hive-api';
 
 // Unified getTranslations function supporting both SSR and SSG
 export const getTranslations = async (
diff --git a/apps/wallet/package.json b/apps/wallet/package.json
index 933bfddda9f1a406cb4c5537ea28f5105912aece..b2baa35e60304a52afb83a6d415f53142af88c35 100644
--- a/apps/wallet/package.json
+++ b/apps/wallet/package.json
@@ -7,8 +7,8 @@
     "copy:worker": "cp ../../node_modules/@hiveio/hb-auth/dist/worker.js ./public/auth/",
     "copy:assets": "cp -r ../../node_modules/@hiveio/hb-auth/dist/assets ./public/auth/assets",
     "predev": "pnpm run clean",
-    "dev": "react-env -- next dev -p 4000 | pnpm dlx pino-pretty --colorize",
-    "devssl": "react-env -- next dev --port 4000 --experimental-https --experimental-https-key ../../ssl/server-key.pem --experimental-https-cert ../../ssl/server-cert.pem | pnpm dlx pino-pretty --colorize",
+    "dev": "react-env -- next dev -p 4000",
+    "devssl": "react-env -- next dev --port 4000 --experimental-https --experimental-https-key ../../ssl/server-key.pem --experimental-https-cert ../../ssl/server-cert.pem",
     "prebuild": "pnpm run clean",
     "build": "react-env -- next build",
     "postbuild": "pnpm run copy:worker && pnpm run copy:assets",
diff --git a/apps/wallet/pages/[param]/communities.tsx b/apps/wallet/pages/[param]/communities.tsx
index 9c465be7f9f7c23260ee67cff227937bb960bbf0..f7c488e6b718e1690b8edc0be1901e4de51b33a9 100644
--- a/apps/wallet/pages/[param]/communities.tsx
+++ b/apps/wallet/pages/[param]/communities.tsx
@@ -33,7 +33,8 @@ import { useUser } from '@smart-signer/lib/auth/use-user';
 import Loading from '@ui/components/loading';
 import Link from 'next/link';
 import env from '@beam-australia/react-env';
-import { getAccount, getFindAccounts } from '@transaction/lib/hive';
+import { getFindAccounts } from '@transaction/lib/hive-api';
+import { getAccount } from '@transaction/lib/hive-api';
 import Head from 'next/head';
 
 const getCommmunityName = () => {
diff --git a/apps/wallet/pages/[param]/delegations.tsx b/apps/wallet/pages/[param]/delegations.tsx
index 16c9135e7b6d27124889c36c61c6c65e0a6c4029..8fe824272347823f8d6f05334d6de1a133214486 100644
--- a/apps/wallet/pages/[param]/delegations.tsx
+++ b/apps/wallet/pages/[param]/delegations.tsx
@@ -1,6 +1,6 @@
 import { GetServerSideProps, InferGetServerSidePropsType } from 'next';
 import { useQuery } from '@tanstack/react-query';
-import { getDynamicGlobalProperties } from '@transaction/lib/hive';
+import { getDynamicGlobalProperties } from '@transaction/lib/hive-api';
 import { getVestingDelegations } from '@/wallet/lib/hive';
 import { numberWithCommas } from '@ui/lib/utils';
 import Loading from '@ui/components/loading';
diff --git a/apps/wallet/pages/[param]/settings.tsx b/apps/wallet/pages/[param]/settings.tsx
index 62e3581dff49f43376d09f077db2b27c59c0540a..b871e44715a235c911b2098cfcc4f053f8d5a9c6 100644
--- a/apps/wallet/pages/[param]/settings.tsx
+++ b/apps/wallet/pages/[param]/settings.tsx
@@ -6,38 +6,51 @@ import { Label } from '@ui/components/label';
 import { getAccountMetadata, getTranslations } from '@/wallet/lib/get-translations';
 import Head from 'next/head';
 import { hiveChainService } from '@transaction/lib/hive-chain-service';
-import {ApiChecker, HealthCheckerComponent } from "@hiveio/healthchecker-component";
+import { ApiChecker, HealthCheckerComponent } from '@hiveio/healthchecker-component';
 import { useEffect, useState } from 'react';
-import {useHealthChecker} from "@ui/hooks/useHealthChecker";
+import { useHealthChecker } from '@ui/hooks/useHealthChecker';
 
 function Communities({ username, metadata }: InferGetServerSidePropsType<typeof getServerSideProps>) {
-    const [walletApiCheckers, setWalletApiCheckers] = useState<ApiChecker[] | undefined>(undefined);
-    const createApiCheckers = async () => {
-      const hiveChain = await hiveChainService.getHiveChain();
-      const apiCheckers: ApiChecker[] = [
-        {
-          title: "Condenser - Get accounts",
-          method: hiveChain.api.condenser_api.get_accounts,
-          params: [["guest4test"]],
-          validatorFunction: data => data[0].name === "guest4test" ? true : "Get block error",
-        },
-        {
-          title: "Database - saving withdrawals",
-          method: hiveChain.api.database_api.find_savings_withdrawals,
-          params: {account: "guest4test"},
-          validatorFunction: data => !!data.withdrawals ? true : "Get post error",
-        },
-     ]
-      setWalletApiCheckers(apiCheckers);
-    }
-  const healthCheckerService = useHealthChecker("wallet-api", walletApiCheckers, "node-endpoint", hiveChainService.setAiSearchEndpoint );
+  const [walletApiCheckers, setWalletApiCheckers] = useState<ApiChecker[] | undefined>(undefined);
+  const createApiCheckers = async () => {
+    const hiveChain = await hiveChainService.getHiveChain();
+    const apiCheckers: ApiChecker[] = [
+      {
+        title: 'Condenser - Get accounts',
+        method: hiveChain.api.condenser_api.get_accounts,
+        params: [['guest4test']],
+        validatorFunction: (data) =>
+          Array.isArray(data) &&
+          data[0] &&
+          typeof data[0] === 'object' &&
+          'name' in data[0] &&
+          data[0].name === 'guest4test'
+            ? true
+            : 'Get block error'
+      },
+      {
+        title: 'Database - saving withdrawals',
+        method: hiveChain.api.database_api.find_savings_withdrawals,
+        params: { account: 'guest4test' },
+        validatorFunction: (data) =>
+          data && typeof data === 'object' && 'withdrawals' in data && !!data.withdrawals
+            ? true
+            : 'Get post error'
+      }
+    ];
+    setWalletApiCheckers(apiCheckers);
+  };
+  const healthCheckerService = useHealthChecker(
+    'wallet-api',
+    walletApiCheckers,
+    'node-endpoint',
+    hiveChainService.setAiSearchEndpoint
+  );
   const { t } = useTranslation('common_wallet');
   useEffect(() => {
     createApiCheckers();
   }, []);
 
-
-
   return (
     <>
       <Head>
@@ -57,7 +70,9 @@ function Communities({ username, metadata }: InferGetServerSidePropsType<typeof
             </h2>
 
             <Label htmlFor="choose-api-node">{t('settings.choose_api')}</Label>
-            { !!healthCheckerService && <HealthCheckerComponent className='m-4' healthCheckerService={healthCheckerService} />}
+            {!!healthCheckerService && (
+              <HealthCheckerComponent className="m-4" healthCheckerService={healthCheckerService} />
+            )}
           </div>
         </div>
       </ProfileLayout>
diff --git a/apps/wallet/pages/[param]/transfers.tsx b/apps/wallet/pages/[param]/transfers.tsx
index 6b2440426674802b98f94f2ea7fb07f54fee991b..0db450c03b0d9051ba39835da780c4e32933111b 100644
--- a/apps/wallet/pages/[param]/transfers.tsx
+++ b/apps/wallet/pages/[param]/transfers.tsx
@@ -1,13 +1,13 @@
 import { useQuery } from '@tanstack/react-query';
 import Big from 'big.js';
 import {
-  getAccount,
   getDynamicGlobalProperties,
   getFeedHistory,
   getFindAccounts,
   getFollowing
-} from '@transaction/lib/hive';
+} from '@transaction/lib/hive-api';
 import moment from 'moment';
+import { getAccount } from '@transaction/lib/hive-api';
 import { getAccountHistory, getSavingsWithdrawals } from '@/wallet/lib/hive';
 import {
   createListWithSuggestions,
diff --git a/apps/wallet/pages/proposals.tsx b/apps/wallet/pages/proposals.tsx
index bf1b083c199be192ff29f49e655aff9536203f5b..60ed769d143339b53b4b4017ac4d5eaad373af8c 100644
--- a/apps/wallet/pages/proposals.tsx
+++ b/apps/wallet/pages/proposals.tsx
@@ -3,7 +3,7 @@ import { useInfiniteQuery, useQuery } from '@tanstack/react-query';
 import Big from 'big.js';
 import { DEFAULT_PARAMS_FOR_PROPOSALS, getProposals, getUserVotes } from '@/wallet/lib/hive';
 import { IGetProposalsParams } from '@transaction/lib/extended-hive.chain';
-import { getDynamicGlobalProperties } from '@transaction/lib/hive';
+import { getDynamicGlobalProperties } from '@transaction/lib/hive-api';
 import { ProposalsFilter } from '@/wallet/components/proposals-filter';
 import moment from 'moment';
 import { ProposalListItem } from '@/wallet/components/proposals-list-item';
diff --git a/apps/wallet/pages/~witnesses.tsx b/apps/wallet/pages/~witnesses.tsx
index c7b8b1d8bc4ccf91e388af7a3ac1e1a11a4009f4..fdbde658f0367bb8b6f8ef94bb1280b2794928e8 100644
--- a/apps/wallet/pages/~witnesses.tsx
+++ b/apps/wallet/pages/~witnesses.tsx
@@ -1,12 +1,8 @@
 import { useEffect, useState } from 'react';
 import { useQuery } from '@tanstack/react-query';
 import Big from 'big.js';
-import {
-  getAccount,
-  getAccounts,
-  getDynamicGlobalProperties,
-  getListWitnessVotes
-} from '@transaction/lib/hive';
+import { getListWitnessVotes } from '@transaction/lib/hive';
+import { getDynamicGlobalProperties } from '@transaction/lib/hive-api';
 import { Icons } from '@hive/ui/components/icons';
 import { Input } from '@hive/ui/components/input';
 import { FullAccount } from '@transaction/lib/app-types';
@@ -36,6 +32,7 @@ import {
 } from '@ui/components';
 import { handleError } from '@ui/lib/handle-error';
 import Head from 'next/head';
+import { getAccount, getAccounts } from '@transaction/lib/hive-api';
 
 export const getServerSideProps: GetServerSideProps = getServerSidePropsDefault;
 
diff --git a/packages/eslint-config-custom/index.js b/packages/eslint-config-custom/index.js
index 9a9f084f69484e15e8410b328e8e326bdb515251..6d80f19b699843e0c52ff65f92fac5661f8ab608 100644
--- a/packages/eslint-config-custom/index.js
+++ b/packages/eslint-config-custom/index.js
@@ -1,8 +1,8 @@
 module.exports = {
-  extends: ['next', 'turbo', 'prettier', 'next/core-web-vitals'],
+  extends: ['eslint-config-next', 'prettier', 'eslint-config-next/core-web-vitals'],
+  plugins: ['turbo'],
   rules: {
     '@next/next/no-html-link-for-pages': 'off',
     'turbo/no-undeclared-env-vars': 'off'
   }
 };
-
diff --git a/packages/eslint-config-custom/package.json b/packages/eslint-config-custom/package.json
index 7624fbbf76c7def8e2335667acffb97c1debdb9b..41a48d2ef9761411e6c923a92664bbb2e9ba0f24 100644
--- a/packages/eslint-config-custom/package.json
+++ b/packages/eslint-config-custom/package.json
@@ -7,7 +7,7 @@
     "eslint": "^8.56.0",
     "eslint-config-next": "latest",
     "eslint-config-prettier": "latest",
-    "eslint-config-turbo": "latest",
+    "eslint-plugin-turbo": "latest",
     "eslint-plugin-react": "latest"
   }
 }
diff --git a/packages/middleware/eslint.config.mjs b/packages/middleware/eslint.config.mjs
index 1e746f8e3591adb2b134ffb059e95daf30216b4e..44618b452d9d5ee15b72dd9930f7594173ae08d6 100644
--- a/packages/middleware/eslint.config.mjs
+++ b/packages/middleware/eslint.config.mjs
@@ -11,7 +11,7 @@ const compat = new FlatCompat({
   allConfig: js.configs.all
 });
 
-export default [
+const config = [
   ...compat.extends('@hive/eslint-config-custom'),
   {
     files: ['**/*.ts', '**/*.tsx'],
@@ -22,3 +22,5 @@ export default [
     }
   }
 ];
+
+export default config;
diff --git a/packages/smart-signer/components/auth/form.tsx b/packages/smart-signer/components/auth/form.tsx
index 58c9bc624a7ece869ef59377685acc2ba64d061d..97213add93b625008bbcedc9a7b36a1b87c77b4f 100644
--- a/packages/smart-signer/components/auth/form.tsx
+++ b/packages/smart-signer/components/auth/form.tsx
@@ -1,6 +1,5 @@
 /* Component that manages all available sign-in options */
 import { forwardRef, useImperativeHandle, useRef, useState } from 'react';
-import { useTranslation } from 'next-i18next';
 import SafeStorage, { SafeStorageRef } from './methods/safestorage';
 import { KeyType, LoginType } from '@smart-signer/types/common';
 import { useProcessAuth, LoginFormSchema } from './process';
@@ -11,7 +10,7 @@ import SafeStorageKeyUpdate from './methods/safestorage-key-update';
 export interface SignInFormProps {
   preferredKeyTypes: KeyType[];
   onComplete: (arg0: any) => Promise<any>;
-  authenticateOnBackend?: boolean,
+  authenticateOnBackend?: boolean;
   strict?: boolean; // if true use strict authentication
   i18nNamespace?: string;
 }
@@ -21,14 +20,22 @@ export type SignInFormRef = { cancel: () => Promise<void> };
 export enum Steps {
   SAFE_STORAGE_LOGIN = 1,
   SAFE_STORAGE_KEY_UPDATE,
-  OTHER_LOGIN_OPTIONS,
+  OTHER_LOGIN_OPTIONS
 }
 
 const SignInForm = forwardRef<SignInFormRef, SignInFormProps>(
-  ({ preferredKeyTypes, onComplete, authenticateOnBackend = false, strict = false, i18nNamespace = 'smart-signer' }: SignInFormProps, ref) => {
+  (
+    {
+      preferredKeyTypes,
+      onComplete,
+      authenticateOnBackend = false,
+      strict = false,
+      i18nNamespace = 'smart-signer'
+    }: SignInFormProps,
+    ref
+  ) => {
     // component controllers
     const [step, setStep] = useState<Steps>(Steps.SAFE_STORAGE_LOGIN);
-    const { t } = useTranslation(i18nNamespace);
     const safeStorageRef = useRef<SafeStorageRef>(null);
     const [lastLoggedInUser, setLastLoggedInUser] = useLocalStorage<string>('lastLoggedInUser', '');
     const [username, setUsername] = useState<string>(lastLoggedInUser);
@@ -46,7 +53,7 @@ const SignInForm = forwardRef<SignInFormRef, SignInFormProps>(
     // Final form handlers.
     // TODO Some arguments for useProcessAuth should be read from env variables.
     // TODO: replace with function
-    const { submitAuth, signAuth, isSigned } = useProcessAuth(t, authenticateOnBackend, strict);
+    const { submitAuth, signAuth, isSigned } = useProcessAuth(authenticateOnBackend, strict);
 
     async function sign(loginType: LoginType, username: string, keyType: KeyType): Promise<void> {
       const schema: LoginFormSchema = {
diff --git a/packages/smart-signer/components/auth/methods/methods.tsx b/packages/smart-signer/components/auth/methods/methods.tsx
index 57d3055e56279134b89692368929cfb900822ab3..8b7c112eabf3f4920059fc09fa4c12c582684285 100644
--- a/packages/smart-signer/components/auth/methods/methods.tsx
+++ b/packages/smart-signer/components/auth/methods/methods.tsx
@@ -3,7 +3,7 @@ import { FC, useEffect, useState } from 'react';
 import { z } from 'zod';
 import { useForm } from 'react-hook-form';
 import { zodResolver } from '@hookform/resolvers/zod';
-import { useTranslation } from 'next-i18next';
+
 import {
   Button,
   Form,
@@ -54,7 +54,6 @@ const Methods: FC<MethodsProps> = ({
   sign,
   submit
 }) => {
-  const { t } = useTranslation(i18nNamespace);
   const [loading, setLoading] = useState(false);
   const form = useForm({
     resolver: zodResolver(formSchema),
@@ -101,11 +100,11 @@ const Methods: FC<MethodsProps> = ({
   return (
     <Step
       loading={loading}
-      title={t('login_form.other_signin_options')}
+      title="Other sign in options"
       description={
         <div>
           <div data-testid="other-signin-options-description">
-            {t('login_form.other_signing_options_description')}
+            Enter your username and select a sign in method
           </div>
         </div>
       }
@@ -122,7 +121,7 @@ const Methods: FC<MethodsProps> = ({
                   {/* Place holder, enter username if there is no user, otherwise select user from menu or enter new user*/}
                   <div className="relative flex">
                     <Input
-                      placeholder={t('login_form.signin_safe_storage.placeholder_username')}
+                      placeholder="Username"
                       type="text"
                       autoComplete="username"
                       {...field}
@@ -133,7 +132,7 @@ const Methods: FC<MethodsProps> = ({
                 </FormControl>
                 {errors.username && (
                   <FormMessage className="font-normal" data-testid="other-signin-username-error-msg">
-                    {t(errors.username?.message!)}
+                    {errors.username?.message!}
                   </FormMessage>
                 )}
               </FormItem>
@@ -182,7 +181,7 @@ const Methods: FC<MethodsProps> = ({
               data-testid="hive-keychain-extension-button"
             >
               <Icons.hivekeychain className="mr-4 h-8 w-8" />
-              {t('login_form.signin_with_keychain')}
+              Hive Keychain extension
             </Button>
 
             <Separator className="my-1 w-full" />
@@ -197,7 +196,7 @@ const Methods: FC<MethodsProps> = ({
             >
               <div className="flex flex-1 items-center">
                 <Icons.keyRound className="mr-4 h-8 w-8" />
-                {t('login_form.signin_with_wif')}
+                Sign in with WIF (Legacy)
               </div>
             </Button>
 
@@ -212,7 +211,7 @@ const Methods: FC<MethodsProps> = ({
             >
               <div className="flex flex-1 items-center">
                 <Icons.hiveauth className="mr-4 h-8 w-8" />
-                {t('login_form.signin_with_hiveauth')}
+                HiveAuth
               </div>
             </Button>
 
@@ -226,7 +225,7 @@ const Methods: FC<MethodsProps> = ({
               data-testid="hive-signer-button"
             >
               <Icons.hivesigner className="mr-4 h-8 w-8" />
-              {t('login_form.signin_with_hivesigner')}
+              HiveSigner
             </Button>
 
             <Button
@@ -238,7 +237,7 @@ const Methods: FC<MethodsProps> = ({
               }}
               data-testid="go-back-button"
             >
-              <Icons.chevronLeft className="mr-2 h-4 w-4" /> {t('login_form.go_back_button')}
+              <Icons.chevronLeft className="mr-2 h-4 w-4" /> Go back
             </Button>
           </div>
         </form>
diff --git a/packages/smart-signer/components/auth/methods/safestorage-key-update.tsx b/packages/smart-signer/components/auth/methods/safestorage-key-update.tsx
index 76a2d33aaa3d8e8d32ded720efd3aa0ec516e572..ba832dbc73497e8e4649d089c6d1f08da12301d1 100644
--- a/packages/smart-signer/components/auth/methods/safestorage-key-update.tsx
+++ b/packages/smart-signer/components/auth/methods/safestorage-key-update.tsx
@@ -1,7 +1,6 @@
 /* Sign-in with safe storage (use beekeeper wallet through hb-auth) */
 import { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
 import { useForm } from 'react-hook-form';
-import { useTranslation } from 'next-i18next';
 import { AuthUser, AuthorizationError, OnlineClient } from '@hiveio/hb-auth';
 import { z } from 'zod';
 import { zodResolver } from '@hookform/resolvers/zod';
@@ -29,7 +28,7 @@ import {
 import Step from '../step';
 import { Steps } from '../form';
 import { KeyType, LoginType } from '@smart-signer/types/common';
-import { TFunction } from 'i18next';
+
 import { validateWifKey } from '@smart-signer/lib/validators/validate-wif-key';
 import { KeyAuthorityType } from '@smart-signer/lib/utils';
 import { toast } from '@ui/components/hooks/use-toast';
@@ -43,24 +42,24 @@ export interface SafeStorageKeyUpdateProps {
   onUsernameChange: (username: string) => void;
 }
 
-function getFormSchema(t: TFunction<'smart-signer', undefined>) {
+function getFormSchema() {
   return z
     .object({
       username,
       password: z.string().min(1, {
-        message: t('login_form.zod_error.password_required')
+        message: 'Password is required'
       }),
       wif: z.string().min(1, {
-        message: t('login_form.zod_error.invalid_wif')
+        message: 'Invalid WIF key'
       }),
       keyType: z.nativeEnum(KeyType, {
-        invalid_type_error: t('login_form.zod_error.invalid_keytype'),
-        required_error: t('login_form.zod_error.keytype_required')
+        invalid_type_error: 'Invalid keyType',
+        required_error: 'keyType is required'
       }),
       isStrict: z.boolean().default(false)
     })
     .superRefine((val, ctx) => {
-      const result = validateWifKey(val.wif, t);
+      const result = validateWifKey(val.wif, (v: string) => v);
       if (result) {
         ctx.addIssue({
           code: z.ZodIssueCode.custom,
@@ -87,7 +86,6 @@ const SafeStorageKeyUpdate = forwardRef<SafeStorageKeyUpdateRef, SafeStorageKeyU
     }));
 
     const authClient = useRef<OnlineClient>();
-    const { t } = useTranslation(i18nNamespace);
     const [loading, setLoading] = useState<boolean | undefined>(undefined);
     const [error, setError] = useState<string | null>(null);
     const [registeredUser, setRegisteredUser] = useState<AuthUser | null>(null);
@@ -96,7 +94,7 @@ const SafeStorageKeyUpdate = forwardRef<SafeStorageKeyUpdateRef, SafeStorageKeyU
     const [showPassword, setShowPassword] = useState<boolean>(false);
     const form = useForm<SafeStorageKeyUpdateForm>({
       mode: 'onChange',
-      resolver: zodResolver(getFormSchema(t)),
+      resolver: zodResolver(getFormSchema()),
       defaultValues: {
         username,
         password: '',
@@ -134,7 +132,7 @@ const SafeStorageKeyUpdate = forwardRef<SafeStorageKeyUpdateRef, SafeStorageKeyU
               form.setValue('keyType', availableTypes[0]);
             }
           } else {
-            setError(t('login_form.signin_safe_storage.user_not_found'));
+            setError('User not found in safe storage');
           }
         } catch (error) {
           setError((error as AuthorizationError).message);
@@ -142,7 +140,7 @@ const SafeStorageKeyUpdate = forwardRef<SafeStorageKeyUpdateRef, SafeStorageKeyU
           setLoading(false);
         }
       })();
-    }, [username, preferredKeyTypes, form, t]);
+    }, [username, preferredKeyTypes, form]);
 
     // Handle key update
     async function onUpdateKey(values: SafeStorageKeyUpdateForm) {
@@ -152,7 +150,7 @@ const SafeStorageKeyUpdate = forwardRef<SafeStorageKeyUpdateRef, SafeStorageKeyU
         setError(null);
 
         if (!registeredUser) {
-          setError(t('login_form.signin_safe_storage.user_not_found'));
+          setError('User not found in safe storage');
           return;
         }
 
@@ -174,8 +172,8 @@ const SafeStorageKeyUpdate = forwardRef<SafeStorageKeyUpdateRef, SafeStorageKeyU
         setUpdateSuccess(true);
 
         toast({
-          title: t('login_form.signin_safe_storage.key_updated_title'),
-          description: t('login_form.signin_safe_storage.key_updated_description'),
+          title: 'Key Updated',
+          description: 'Your key has been updated successfully',
           variant: 'success'
         });
 
@@ -190,9 +188,9 @@ const SafeStorageKeyUpdate = forwardRef<SafeStorageKeyUpdateRef, SafeStorageKeyU
         }, 2000);
       } catch (error) {
         if (typeof error === 'string') {
-          setError(t(error));
+          setError(error);
         } else {
-          setError(t('login_form.zod_error.invalid_wif'));
+          setError('Invalid WIF key');
         }
         setLoading(false);
       }
@@ -202,21 +200,18 @@ const SafeStorageKeyUpdate = forwardRef<SafeStorageKeyUpdateRef, SafeStorageKeyU
 
     return (
       <Step
-        title={t('login_form.signin_safe_storage.update_key_title')}
+        title="Update Key in Safe Storage"
         description={
           <div>
             <div data-testid="login-form-description">
               {registeredUser
-                ? t('login_form.signin_safe_storage.update_key_description', {
-                    username,
-                    keyType: form.getValues().keyType
-                  })
-                : t('login_form.signin_safe_storage.user_not_found')}
+                ? `Update ${form.getValues().keyType} key for user ${username}`
+                : 'User not found in safe storage'}
             </div>
             {error && <div className="text-sm text-destructive">{error}</div>}
             {updateSuccess && (
               <div className="text-sm text-green-500">
-                {t('login_form.signin_safe_storage.key_updated_success')}
+                Key updated successfully! Now you can sign in again.
               </div>
             )}
           </div>
@@ -234,7 +229,7 @@ const SafeStorageKeyUpdate = forwardRef<SafeStorageKeyUpdateRef, SafeStorageKeyU
                     <Input
                       {...field}
                       disabled={true}
-                      placeholder={t('login_form.username_placeholder')}
+                      placeholder="Enter your username"
                       data-testid="login-form-username"
                     />
                   </FormControl>
@@ -284,7 +279,7 @@ const SafeStorageKeyUpdate = forwardRef<SafeStorageKeyUpdateRef, SafeStorageKeyU
                       <Input
                         {...field}
                         type="password"
-                        placeholder={t('login_form.signin_safe_storage.placeholder_password')}
+                        placeholder="Safe storage password"
                         data-testid="login-form-password"
                       />
                       <Button
@@ -312,9 +307,7 @@ const SafeStorageKeyUpdate = forwardRef<SafeStorageKeyUpdateRef, SafeStorageKeyU
                     <Input
                       {...field}
                       type="password"
-                      placeholder={t('login_form.signin_safe_storage.placeholder_wif', {
-                        keyType: form.getValues().keyType
-                      })}
+                      placeholder={`WIF ${form.getValues().keyType} private key`}
                       data-testid="login-form-wif"
                     />
                   </FormControl>
@@ -342,7 +335,7 @@ const SafeStorageKeyUpdate = forwardRef<SafeStorageKeyUpdateRef, SafeStorageKeyU
                     htmlFor="strict"
                     className="text-sm leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
                   >
-                    {t('login_form.signin_safe_storage.strict_mode')}
+                    Direct Authority Mode
                   </label>
                   <TooltipProvider>
                     <Tooltip>
@@ -350,7 +343,8 @@ const SafeStorageKeyUpdate = forwardRef<SafeStorageKeyUpdateRef, SafeStorageKeyU
                         <Icons.info className="h-5 w-5" />
                       </TooltipTrigger>
                       <TooltipContent className="max-w-xs">
-                        {t('login_form.signin_safe_storage.strict_mode_tooltip')}
+                        When enabled, the app will only allow adding keys with account's own authority. If you
+                        want to add keys with other authority, please disable this mode.
                       </TooltipContent>
                     </Tooltip>
                   </TooltipProvider>
@@ -365,10 +359,10 @@ const SafeStorageKeyUpdate = forwardRef<SafeStorageKeyUpdateRef, SafeStorageKeyU
                 onClick={() => onSetStep(Steps.SAFE_STORAGE_LOGIN)}
                 data-testid="login-form-back"
               >
-                {t('login_form.signin_safe_storage.back')}
+                Back
               </Button>
               <Button type="submit" disabled={loading || updateSuccess} data-testid="login-form-update-key">
-                {t('login_form.signin_safe_storage.update_key_button')}
+                Update Key
               </Button>
             </div>
           </form>
diff --git a/packages/smart-signer/components/auth/methods/safestorage.tsx b/packages/smart-signer/components/auth/methods/safestorage.tsx
index 61a88d918863eb08f2d43a8bea6b4614a5585e3a..617472db81ae5bb7f9727eba652007b9eea20c19 100644
--- a/packages/smart-signer/components/auth/methods/safestorage.tsx
+++ b/packages/smart-signer/components/auth/methods/safestorage.tsx
@@ -1,7 +1,7 @@
 /* Sign-in with safe storage (use beekeeper wallet through hb-auth) */
-import { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
+import { forwardRef, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
 import { useForm } from 'react-hook-form';
-import { useTranslation } from 'next-i18next';
+
 import { AuthUser, AuthorizationError, OnlineClient } from '@hiveio/hb-auth';
 import { z } from 'zod';
 import { zodResolver } from '@hookform/resolvers/zod';
@@ -33,21 +33,19 @@ import {
 import Step from '../step';
 import { Steps } from '../form';
 import { KeyType, LoginType } from '@smart-signer/types/common';
-import { TFunction } from 'i18next';
 import { validateWifKey } from '@smart-signer/lib/validators/validate-wif-key';
-import { useRouter } from 'next/router';
 
-function getFormSchema(t: TFunction<'smart-signer', undefined>) {
+function getFormSchema() {
   return z
     .object({
       username,
       password: z.string().min(6, {
-        message: t('login_form.zod_error.password_length')
+        message: 'Password length should be more than 6 characters'
       }),
       wif: z.string(),
       keyType: z.nativeEnum(KeyType, {
-        invalid_type_error: t('login_form.zod_error.invalid_keytype'),
-        required_error: t('login_form.zod_error.keytype_required')
+        invalid_type_error: 'Invalid keyType',
+        required_error: 'keyType is required'
       }),
       userFound: z.boolean(),
       strict: z.boolean()
@@ -96,7 +94,6 @@ const SafeStorage = forwardRef<SafeStorageRef, SafeStorageProps>(
     }));
 
     const authClient = useRef<OnlineClient>();
-    const { t } = useTranslation(i18nNamespace);
     const [description, setDescription] = useState('');
     const [loading, setLoading] = useState<boolean | undefined>(undefined);
     const [error, setError] = useState<string | null>(null);
@@ -107,7 +104,7 @@ const SafeStorage = forwardRef<SafeStorageRef, SafeStorageProps>(
     const [authUsers, setAuthUsers] = useState<AuthUser[]>([]);
     const form = useForm<SafeStorageForm>({
       mode: 'onChange',
-      resolver: zodResolver(getFormSchema(t)),
+      resolver: zodResolver(getFormSchema()),
       defaultValues: {
         username,
         password: '',
@@ -117,7 +114,6 @@ const SafeStorage = forwardRef<SafeStorageRef, SafeStorageProps>(
         strict: true
       }
     });
-    const router = useRouter();
 
     async function onSave(values: SafeStorageForm) {
       const { username, password, wif, keyType, strict } = values;
@@ -230,16 +226,12 @@ const SafeStorage = forwardRef<SafeStorageRef, SafeStorageProps>(
 
       if (found?.username) {
         if (found?.unlocked) {
-          setDescription(
-            t('login_form.signin_safe_storage.description_unlocked', { keyType: form.getValues().keyType })
-          );
+          setDescription(`Unlocked with ${form.getValues().keyType} key`);
         } else {
-          setDescription(t('login_form.signin_safe_storage.description_unlock'));
+          setDescription('Unlock user with password');
         }
       } else {
-        setDescription(
-          t('login_form.signin_safe_storage.description_save', { keyType: form.getValues().keyType })
-        );
+        setDescription(`Save your ${form.getValues().keyType} key by filling form below`);
       }
 
       form.setValue('userFound', found ? true : false);
@@ -251,7 +243,7 @@ const SafeStorage = forwardRef<SafeStorageRef, SafeStorageProps>(
 
     return (
       <Step
-        title={t('login_form.signin_safe_storage.title')}
+        title="Sign in with safe storage"
         description={
           <div>
             <div data-testid="login-form-description">{description}</div>
@@ -272,7 +264,7 @@ const SafeStorage = forwardRef<SafeStorageRef, SafeStorageProps>(
                     {/* Place holder, enter username if there is no user, otherwise select user from menu or enter new user*/}
                     <div className="relative flex">
                       <Input
-                        placeholder={t('login_form.signin_safe_storage.placeholder_username')}
+                        placeholder="Username"
                         type="text"
                         autoComplete="username"
                         data-testid="username-input"
@@ -307,7 +299,7 @@ const SafeStorage = forwardRef<SafeStorageRef, SafeStorageProps>(
                   </FormControl>
                   {errors.username && (
                     <FormMessage className="font-normal" data-testid="username-error-message">
-                      {t(errors.username?.message!)}
+                      {errors.username?.message!}
                     </FormMessage>
                   )}
                 </FormItem>
@@ -323,7 +315,7 @@ const SafeStorage = forwardRef<SafeStorageRef, SafeStorageProps>(
                   <FormControl>
                     <div className="relative">
                       <Input
-                        placeholder={t('login_form.signin_safe_storage.placeholder_password')}
+                        placeholder="Safe storage password"
                         type={show.password ? 'text' : 'password'}
                         autoComplete="current-password"
                         data-testid="password-input"
@@ -356,9 +348,7 @@ const SafeStorage = forwardRef<SafeStorageRef, SafeStorageProps>(
                     <FormControl>
                       <div className="relative">
                         <Input
-                          placeholder={t('login_form.signin_safe_storage.placeholder_wif', {
-                            keyType: form.getValues().keyType
-                          })}
+                          placeholder={`WIF ${form.getValues().keyType} private key`}
                           type={show.wif ? 'text' : 'password'}
                           data-testid="wif-input"
                           {...field}
@@ -376,7 +366,7 @@ const SafeStorage = forwardRef<SafeStorageRef, SafeStorageProps>(
                     </FormControl>
                     {errors.wif && (
                       <FormMessage className="font-normal" data-testid="wif-input-error-message">
-                        {t(errors.wif?.message!)}
+                        {errors.wif?.message!}
                       </FormMessage>
                     )}
                   </FormItem>
@@ -436,7 +426,7 @@ const SafeStorage = forwardRef<SafeStorageRef, SafeStorageProps>(
                       htmlFor="strict"
                       className="text-sm leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
                     >
-                      {t('login_form.signin_safe_storage.strict_mode')}
+                      Direct Authority Mode
                     </label>
                     <TooltipProvider>
                       <Tooltip>
@@ -444,7 +434,8 @@ const SafeStorage = forwardRef<SafeStorageRef, SafeStorageProps>(
                           <Icons.info className="h-5 w-5" />
                         </TooltipTrigger>
                         <TooltipContent className="max-w-xs">
-                          {t('login_form.signin_safe_storage.strict_mode_tooltip')}
+                          When enabled, the app will only allow adding keys with account's own authority. If
+                          you want to add keys with other authority, please disable this mode.
                         </TooltipContent>
                       </Tooltip>
                     </TooltipProvider>
@@ -458,7 +449,7 @@ const SafeStorage = forwardRef<SafeStorageRef, SafeStorageProps>(
                   onClick={() => onSetStep(Steps.SAFE_STORAGE_KEY_UPDATE)}
                   className="max-w-max cursor-pointer text-xs text-destructive hover:opacity-80 active:opacity-60"
                 >
-                  {t('login_form.signin_safe_storage.key_update')}
+                  Update existing saved key
                 </span>
               </div>
             )}
@@ -472,7 +463,7 @@ const SafeStorage = forwardRef<SafeStorageRef, SafeStorageProps>(
                     disabled={!form.formState.isValid}
                     onClick={form.handleSubmit(onAuthenticate)}
                   >
-                    {t('login_form.signin_safe_storage.button_signin')}
+                    Sign in
                   </Button>
                   {/* TODO: Re-work offline flow */}
                   {/* <Button
@@ -493,7 +484,7 @@ const SafeStorage = forwardRef<SafeStorageRef, SafeStorageProps>(
                   disabled={!form.formState.isValid}
                   onClick={form.handleSubmit(onSave)}
                 >
-                  {t('login_form.signin_safe_storage.button_save')}
+                  Save and sign in
                 </Button>
               )}
             </div>
@@ -511,7 +502,7 @@ const SafeStorage = forwardRef<SafeStorageRef, SafeStorageProps>(
               }}
             >
               <Icons.keyRound className="mr-2 h-4 w-4" />
-              {t('login_form.signin_safe_storage.button_other')}
+              Other sign in options
             </Button>
           </form>
 
diff --git a/packages/smart-signer/components/auth/process.tsx b/packages/smart-signer/components/auth/process.tsx
index c8145cf81183dc47c0eceec00a3947aca9c3f8cc..c63fe408031f228f5ba73165b667068640c8c7b3 100644
--- a/packages/smart-signer/components/auth/process.tsx
+++ b/packages/smart-signer/components/auth/process.tsx
@@ -19,7 +19,7 @@ export interface LoginFormSchema extends SignInFormSchema {
   keyType: KeyType;
 }
 
-export const useProcessAuth = (t: TFunction, authenticateOnBackend: boolean, strict: boolean) => {
+export const useProcessAuth = (authenticateOnBackend: boolean, strict: boolean) => {
   const authDataRef = useRef<PostLoginSchema | null>(null) as MutableRefObject<PostLoginSchema | null>;
   const [loginChallenge, setLoginChallenge] = useState('');
   const [isSigned, setIsSigned] = useState(false);
@@ -65,7 +65,7 @@ export const useProcessAuth = (t: TFunction, authenticateOnBackend: boolean, str
       });
 
       logger.info('signature: %s', signature);
-      txBuilder.sign(signature);
+      txBuilder.addSignature(signature);
       signatures[keyType] = signature;
 
       logger.info('transaction: %o', {
diff --git a/packages/smart-signer/components/dialog-hb-auth.tsx b/packages/smart-signer/components/dialog-hb-auth.tsx
index 627e02aabcefbd9466bd537d07eb5ef135fce140..194e7ae8c023418efc2a04bc26acec561f7fbf0f 100644
--- a/packages/smart-signer/components/dialog-hb-auth.tsx
+++ b/packages/smart-signer/components/dialog-hb-auth.tsx
@@ -1,6 +1,6 @@
 import { Dialog, DialogContent, DialogTrigger } from '@ui/components/dialog';
 import { ReactNode, SyntheticEvent, useState } from 'react';
-import { useTranslation } from 'next-i18next';
+
 import { Tabs, TabsContent, TabsList, TabsTrigger } from '@ui/components';
 import { isBrowser, AuthUser } from '@hiveio/hb-auth';
 import type { KeyAuthorityType } from '@hiveio/hb-auth';
@@ -26,10 +26,11 @@ export function DialogHBAuth({
   children,
   defaultKeyType = 'posting',
   resetToDefaultKeyTypeOnOpen = true,
-  onAuthComplete = (username: string, keyType: KeyAuthorityType) => { return },
+  onAuthComplete = (username: string, keyType: KeyAuthorityType) => {
+    return;
+  },
   i18nNamespace = 'smart-signer'
 }: DialogHBAuthProps) {
-  const { t } = useTranslation(i18nNamespace);
   const [open, setOpen] = useState(false);
   const [keyTypeSwitch, setKeyTypeSwitch] = useState<KeyAuthorityType>(defaultKeyType);
 
@@ -93,13 +94,11 @@ export function DialogHBAuth({
               mode: PasswordFormMode.HBAUTH,
               showInputStorePassword: false,
               i18nKeysForCaptions: {
-                inputPasswordPlaceholder: 'login_form.password_hbauth_placeholder',
-              },
+                inputPasswordPlaceholder: 'login_form.password_hbauth_placeholder'
+              }
             };
 
-            const {
-              password: result
-            } = await PasswordDialogModalPromise({
+            const { password: result } = await PasswordDialogModalPromise({
               isOpen: true,
               passwordFormOptions
             });
@@ -146,14 +145,14 @@ export function DialogHBAuth({
     {
       value: 'posting',
       disabled: false,
-      labelText: t(`login_form.posting_private_key_placeholder`),
+      labelText: 'Posting private key',
       labelImageSrc: '',
       labelImageAlt: ''
     },
     {
       value: 'active',
       disabled: false,
-      labelText: t(`login_form.active_private_key_placeholder`),
+      labelText: 'Active private key',
       labelImageSrc: '',
       labelImageAlt: ''
     }
@@ -162,31 +161,28 @@ export function DialogHBAuth({
   return (
     <Dialog
       open={open}
-      onOpenChange={
-        (open: boolean) => {
-          setOpen(open);
-          // Reset key to default value on every dialog open.
-          if (resetToDefaultKeyTypeOnOpen && open) setKeyTypeSwitch(defaultKeyType);
-        }
-      }
+      onOpenChange={(open: boolean) => {
+        setOpen(open);
+        // Reset key to default value on every dialog open.
+        if (resetToDefaultKeyTypeOnOpen && open) setKeyTypeSwitch(defaultKeyType);
+      }}
     >
       <DialogTrigger asChild>{children}</DialogTrigger>
       <DialogContent className="sm:max-w-[600px]" data-testid="login-dialog-hb-auth">
         <Tabs defaultValue="login" className="w-full py-4">
           <TabsList className="grid w-full grid-cols-2">
             <TabsTrigger value="login" data-testid="hbauth-unlock-key-button">
-              {t('login_form.title_action_unlock_key')}
+              Unlock Key
             </TabsTrigger>
             <TabsTrigger value="authorize" data-testid="hbauth-add-key-button">
-              {t('login_form.title_action_add_key')}
+              Add Key
             </TabsTrigger>
           </TabsList>
           <TabsContent value="login">
             <div className="flex h-screen flex-col justify-start pt-16 sm:h-fit md:justify-center md:pt-0">
               <div className="mx-auto flex w-full max-w-md flex-col items-center">
                 <h2 className="w-full pb-6 text-3xl text-gray-800" data-testid="hbauth-unlock-key-header">
-                  {t('login_form.title_hbauth_form')}
-                  {t('login_form.title_action_unlock_key')}
+                  Safe storage: Unlock Key
                 </h2>
                 <form onSubmit={handleSubmit} className="w-full" name="login">
                   <div className="relative mb-5">
@@ -195,7 +191,7 @@ export function DialogHBAuth({
                       id="firstName"
                       name="username"
                       className="block w-full rounded-lg border border-gray-300 px-3 py-2.5 pl-11 text-sm text-gray-900 focus:border-red-500 focus:outline-none focus:ring-red-500"
-                      placeholder={t('login_form.username_placeholder')}
+                      placeholder="Enter your username"
                       required
                       data-testid="hbauth-unlock-key-username-input"
                     />
@@ -204,7 +200,6 @@ export function DialogHBAuth({
                     </span>
                   </div>
                   <div className="mb-5" data-testid="hbauth-unlock-key-select-key-type">
-
                     {/* <Select name="keytype" onValueChange={(e) => setKey(e)}>
                       <SelectTrigger
                         className="w-[200px]"
@@ -225,15 +220,14 @@ export function DialogHBAuth({
                     <RadioGroup
                       defaultValue={keyTypeSwitch}
                       onValueChange={(v: KeyAuthorityType) => {
-                        setKeyTypeSwitch(v)
+                        setKeyTypeSwitch(v);
                       }}
-                      name='keyType'
-                      aria-label={t('login_form.title_select_key_type')}
+                      name="keyType"
+                      aria-label="Key Type"
                     >
-                      <h3>{t('login_form.title_select_key_type')}</h3>
+                      <h3>Key Type</h3>
                       {radioGroupItems(items)}
                     </RadioGroup>
-
                   </div>
 
                   <div className="flex items-center justify-between">
@@ -242,14 +236,14 @@ export function DialogHBAuth({
                       className="w-fit rounded-lg bg-red-600 px-5 py-2.5 text-center text-sm font-semibold text-white hover:cursor-pointer hover:bg-red-700 focus:outline-none  disabled:bg-gray-400 disabled:hover:cursor-not-allowed"
                       data-testid="hbauth-unlock-key-submit-button"
                     >
-                      {t('login_form.login_button')}
+                      Submit
                     </button>
                     <button
                       type="reset"
                       className="w-fit rounded-lg bg-transparent px-5 py-2.5 text-center text-sm font-semibold text-gray-500 hover:cursor-pointer hover:text-red-600 focus:outline-none"
                       data-testid="hbauth-unlock-key-reset-button"
                     >
-                      {t('login_form.reset_button')}
+                      Reset
                     </button>
                   </div>
                 </form>
@@ -260,8 +254,7 @@ export function DialogHBAuth({
             <div className="flex h-screen flex-col justify-start pt-16 sm:h-fit md:justify-center md:pt-0">
               <div className="mx-auto flex w-full max-w-md flex-col items-center">
                 <h2 className="w-full pb-6 text-3xl text-gray-800" data-testid="hbauth-add-key-header">
-                  {t('login_form.title_hbauth_form')}
-                  {t('login_form.title_action_add_key')}
+                  Safe storage: Add Key
                 </h2>
                 <form onSubmit={handleSubmit} className="w-full" name="authorize">
                   <div className="relative mb-5">
@@ -270,7 +263,7 @@ export function DialogHBAuth({
                       id="firstName"
                       name="username"
                       className="block w-full rounded-lg border border-gray-300 px-3 py-2.5 pl-11 text-sm text-gray-900 focus:border-red-500 focus:outline-none focus:ring-red-500"
-                      placeholder={t('login_form.username_placeholder')}
+                      placeholder="Enter your username"
                       required
                       data-testid="hbauth-add-key-username-input"
                     />
@@ -292,7 +285,6 @@ export function DialogHBAuth({
                   </div>
 
                   <div className="mb-5" data-testid="hbauth-add-key-select-key-type">
-
                     {/* <Select name="keytype">
                       <SelectTrigger
                         className="w-[200px]"
@@ -314,13 +306,12 @@ export function DialogHBAuth({
                       onValueChange={(v: KeyAuthorityType) => {
                         setKeyTypeSwitch(v);
                       }}
-                      name='keyType'
-                      aria-label={t('login_form.title_select_key_type')}
+                      name="keyType"
+                      aria-label="Key Type"
                     >
-                      <h3>{t('login_form.title_select_key_type')}</h3>
+                      <h3>Key Type</h3>
                       {radioGroupItems(items)}
                     </RadioGroup>
-
                   </div>
 
                   <div className="mb-5">
@@ -342,14 +333,14 @@ export function DialogHBAuth({
                       className="w-fit rounded-lg bg-red-600 px-5 py-2.5 text-center text-sm font-semibold text-white hover:cursor-pointer hover:bg-red-700 focus:outline-none  disabled:bg-gray-400 disabled:hover:cursor-not-allowed"
                       data-testid="hbauth-add-key-submit-button"
                     >
-                      {t('login_form.login_button')}
+                      Submit
                     </button>
                     <button
                       type="reset"
                       className="w-fit rounded-lg bg-transparent px-5 py-2.5 text-center text-sm font-semibold text-gray-500 hover:cursor-pointer hover:text-red-600 focus:outline-none"
                       data-testid="hbauth-add-key-reset-button"
                     >
-                      {t('login_form.reset_button')}
+                      Reset
                     </button>
                   </div>
                 </form>
diff --git a/packages/smart-signer/components/login-form.tsx b/packages/smart-signer/components/login-form.tsx
index 14c97b5e7612ce9176b9a7ebea019af59c61c98c..9b35af913c942cf4edf5f5c61c67836eb09bbda6 100644
--- a/packages/smart-signer/components/login-form.tsx
+++ b/packages/smart-signer/components/login-form.tsx
@@ -3,7 +3,7 @@ import { useEffect, useState } from 'react';
 import { useForm } from 'react-hook-form';
 import { zodResolver } from '@hookform/resolvers/zod';
 import * as z from 'zod';
-import { useTranslation } from 'next-i18next';
+
 import { Separator } from '@hive/ui/components/separator';
 import { hasCompatibleKeychain } from '@smart-signer/lib/signer/signer-keychain';
 import { username } from '@smart-signer/lib/auth/utils';
@@ -44,8 +44,8 @@ const commonFields = z.object({
   remember: z.boolean(),
   keyType: z.nativeEnum(KeyType, {
     invalid_type_error: 'Invalid keyType',
-    required_error: 'keyType is required',
-  }),
+    required_error: 'keyType is required'
+  })
 });
 
 const commonFieldsWithPassword = commonFields.merge(passwordField);
@@ -68,7 +68,7 @@ const loginFormDefaultValues = {
   useHiveauth: false,
   useKeychain: false,
   username: '',
-  keyType: KeyType.posting,
+  keyType: KeyType.posting
 };
 
 export function LoginForm({
@@ -80,7 +80,6 @@ export function LoginForm({
   onSubmit: (data: LoginFormSchema) => void;
   i18nNamespace?: string;
 }) {
-  const { t } = useTranslation(i18nNamespace);
   const [isKeychainSupported, setIsKeychainSupported] = useState(false);
   const [disabledPasword, setDisabledPassword] = useState(true);
 
@@ -129,7 +128,7 @@ export function LoginForm({
     <div className="flex h-screen flex-col justify-start pt-16 sm:h-fit md:justify-center md:pt-0">
       <div className="mx-auto flex w-full max-w-md flex-col items-center">
         <h2 className="w-full pb-6 text-3xl text-gray-800 dark:text-slate-300" data-testid="login-header">
-          {t('login_form.title_action_login')}
+          Login
         </h2>
         <form method="post" className="w-full">
           <input type="hidden" {...register('loginType')} />
@@ -138,7 +137,7 @@ export function LoginForm({
               <input
                 type="text"
                 className="block w-full rounded-lg border border-gray-300 px-3 py-2.5 pl-11 text-sm text-gray-900 focus:border-red-500 focus:outline-none focus:ring-red-500 dark:text-slate-300"
-                placeholder={t('login_form.username_placeholder')}
+                placeholder="Enter your username"
                 autoComplete="username"
                 {...register('username')}
                 aria-invalid={errors.username ? 'true' : 'false'}
@@ -149,7 +148,7 @@ export function LoginForm({
             </div>
             {errors.username?.message && (
               <p className="text-sm text-red-500" role="alert">
-                {t(errors.username.message)}
+                {errors.username.message}
               </p>
             )}
           </div>
@@ -158,7 +157,7 @@ export function LoginForm({
             <input
               type="password"
               className="block w-full rounded-lg border border-gray-300 px-3 py-2.5 text-sm text-gray-900 focus:border-red-500 focus:outline-none focus:ring-red-500 dark:text-slate-300"
-              placeholder={t('login_form.password_placeholder')}
+              placeholder="Posting private key"
               autoComplete="current-password"
               disabled={disabledPasword}
               {...register('password')}
@@ -176,7 +175,6 @@ export function LoginForm({
           </div>
 
           <div className="my-6 flex w-full flex-col">
-
             <div className="flex items-center py-1">
               <input
                 id="useHbauth"
@@ -195,7 +193,7 @@ export function LoginForm({
                   src="/smart-signer/images/hive-blog-twshare.png"
                   alt="Hbauth logo"
                 />
-                {t('login_form.use_hbauth')}
+                Use safe storage
               </label>
             </div>
 
@@ -218,7 +216,7 @@ export function LoginForm({
                   src="/smart-signer/images/hivekeychain.png"
                   alt="Hive Keychain logo"
                 />
-                {t('login_form.use_keychain')}
+                Use Keychain
               </label>
             </div>
 
@@ -236,7 +234,7 @@ export function LoginForm({
                 className="ml-2 flex items-center text-sm font-medium text-gray-900 dark:text-slate-300"
               >
                 <img className="mr-1 h-4 w-4" src="/smart-signer/images/hiveauth.png" alt="Hiveauth logo" />
-                {t('login_form.use_hiveauth')}
+                Use HiveAuth
               </label>
             </div>
 
@@ -252,7 +250,7 @@ export function LoginForm({
                 htmlFor="remember"
                 className="ml-2 text-sm font-medium text-gray-900 dark:text-slate-300"
               >
-                {t('login_form.keep_me_logged_in')}
+                Keep me logged in
               </label>
             </div>
           </div>
@@ -265,8 +263,8 @@ export function LoginForm({
               data-testid="login-submit-button"
               disabled={isSubmitting}
             >
-              {!isSubmitting && t('login_form.login_button')}
-              {isSubmitting && t('login_form.working')}
+              {!isSubmitting && 'Submit'}
+              {isSubmitting && 'Working…'}
             </button>
             <button
               type="button"
@@ -274,7 +272,7 @@ export function LoginForm({
               className="w-fit rounded-lg bg-transparent px-5 py-2.5 text-center text-sm font-semibold text-gray-500 hover:cursor-pointer hover:text-red-600 focus:outline-none"
               data-testid="login-reset-button"
             >
-              {t('login_form.reset_button')}
+              Reset
             </button>
           </div>
 
@@ -299,7 +297,7 @@ export function LoginForm({
 
           <div className="mt-4 flex w-full items-center">
             <Separator orientation="horizontal" className="w-1/3" />
-            <span className="w-1/3 text-center text-sm">{t('login_form.more_login_methods')}</span>
+            <span className="w-1/3 text-center text-sm">more login methods</span>
             <Separator orientation="horizontal" className="w-1/3" />
           </div>
           <div className="flex justify-center">
diff --git a/packages/smart-signer/components/login-panel.tsx b/packages/smart-signer/components/login-panel.tsx
index 212b10256787cb4000da711979236eb6ecc930a3..8a7569b864d0d11880d08d509225fb956e681a8d 100644
--- a/packages/smart-signer/components/login-panel.tsx
+++ b/packages/smart-signer/components/login-panel.tsx
@@ -1,5 +1,5 @@
 import { useState, useEffect } from 'react';
-import { useTranslation } from 'next-i18next';
+
 import { useRouter } from 'next/router';
 import { LoginType } from '@smart-signer/types/common';
 import { getCookie } from '@smart-signer/lib/utils';
@@ -17,20 +17,13 @@ import { getLogger } from '@ui/lib/logging';
 const logger = getLogger('app');
 
 interface LoginPanelOptions {
-  authenticateOnBackend: boolean,
+  authenticateOnBackend: boolean;
   strict: boolean; // if true use strict authentication
   i18nNamespace?: string;
 }
 
-export function LoginPanel(
-  {
-    authenticateOnBackend,
-    strict,
-    i18nNamespace = 'smart-signer'
-  }: LoginPanelOptions
-) {
+export function LoginPanel({ authenticateOnBackend, strict }: LoginPanelOptions) {
   const router = useRouter();
-  const { t } = useTranslation(i18nNamespace);
   const [loginChallenge, setLoginChallenge] = useState('');
   const { signerOptions } = useSigner();
   const [errorMsg, setErrorMsg] = useState('');
@@ -52,7 +45,7 @@ export function LoginPanel(
     setErrorMsg('');
 
     const { loginType, username, keyType } = data;
-    const signatures: Signatures = {posting: '', active: ''};
+    const signatures: Signatures = { posting: '', active: '' };
     let hivesignerToken = '';
 
     const loginSignerOptions: SignerOptions = {
@@ -74,12 +67,12 @@ export function LoginPanel(
       const signature = await signer.signChallenge({
         message,
         password,
-        translateFn: t
+        translateFn: (v: string) => v
       });
       signatures[keyType] = signature;
     } catch (error) {
       logger.error('onSubmit error in signLoginChallenge', error);
-      setErrorMsg(t('pageLogin.loginFailed'));
+      setErrorMsg('Login failed');
       return;
     }
 
@@ -92,14 +85,14 @@ export function LoginPanel(
       pack: TTransactionPackType.HF_26,
       strict,
       signatures,
-      authenticateOnBackend,
+      authenticateOnBackend
     };
 
     try {
       await signIn.mutateAsync({ data: body });
     } catch (error) {
       logger.error('onSubmit unexpected error', error);
-      setErrorMsg(t('pageLogin.loginFailed'));
+      setErrorMsg('Login failed');
     }
   };
 
diff --git a/packages/smart-signer/components/password-dialog.tsx b/packages/smart-signer/components/password-dialog.tsx
index a6898f1a8dd3ab093e2fda9fe5eac2129901698b..e2403455f239417109f59d797c73f82708c73856 100644
--- a/packages/smart-signer/components/password-dialog.tsx
+++ b/packages/smart-signer/components/password-dialog.tsx
@@ -1,10 +1,14 @@
+'use client';
+
 import { Dialog, DialogContent, DialogTrigger } from '@ui/components/dialog';
 import { ReactNode, useState, FC } from 'react';
-import { useTranslation } from 'next-i18next';
 import { create, InstanceProps } from 'react-modal-promise';
 import {
-  PasswordForm, PasswordFormSchemaHbauth, PasswordFormSchemaWif,
-  PasswordFormOptions, passwordFormDefaultValuesWif
+  PasswordForm,
+  PasswordFormSchemaHbauth,
+  PasswordFormSchemaWif,
+  PasswordFormOptions,
+  passwordFormDefaultValuesWif
 } from '@smart-signer/components/password-form';
 import { getLogger } from '@ui/lib/logging';
 
@@ -13,7 +17,6 @@ const logger = getLogger('app');
 interface PasswordDialogProps {
   children?: ReactNode;
   passwordFormOptions?: PasswordFormOptions;
-  i18nNamespace?: string;
 }
 
 export const PasswordDialog: FC<PasswordDialogProps & InstanceProps<unknown>> = ({
@@ -21,21 +24,16 @@ export const PasswordDialog: FC<PasswordDialogProps & InstanceProps<unknown>> =
   isOpen = false,
   onResolve,
   onReject,
-  passwordFormOptions = {},
-  i18nNamespace = 'smart-signer'
+  passwordFormOptions = {}
 }) => {
-  const { t } = useTranslation(i18nNamespace);
   const [open, setOpen] = useState(isOpen);
   const [password, setPassword] = useState('');
-  const [formData, setFormData] =
-    useState<PasswordFormSchemaHbauth | PasswordFormSchemaWif>(
-      passwordFormDefaultValuesWif
-      );
+  const [formData, setFormData] = useState<PasswordFormSchemaHbauth | PasswordFormSchemaWif>(
+    passwordFormDefaultValuesWif
+  );
   const [errorMsg, setErrorMsg] = useState('');
 
-  const onSubmit = async (
-      data: PasswordFormSchemaHbauth | PasswordFormSchemaWif
-      ) => {
+  const onSubmit = async (data: PasswordFormSchemaHbauth | PasswordFormSchemaWif) => {
     logger.info('onSubmit form data', data);
     const { password } = data;
     setErrorMsg('');
@@ -58,17 +56,12 @@ export const PasswordDialog: FC<PasswordDialogProps & InstanceProps<unknown>> =
     e.preventDefault();
   };
 
-  const {
-    mode,
-    showInputStorePassword ,
-    i18nKeysForCaptions,
-  } = passwordFormOptions;
+  const { mode, showInputStorePassword, i18nKeysForCaptions } = passwordFormOptions;
 
   return (
     <Dialog open={isOpen} onOpenChange={onOpenChange}>
       <DialogTrigger asChild>{children}</DialogTrigger>
-      <DialogContent className="sm:max-w-[600px]"
-          onInteractOutside={onInteractOutside}>
+      <DialogContent className="sm:max-w-[600px]" onInteractOutside={onInteractOutside}>
         <PasswordForm
           onSubmit={onSubmit}
           errorMessage={errorMsg}
diff --git a/packages/smart-signer/components/password-form.tsx b/packages/smart-signer/components/password-form.tsx
index 59c7567754a6ccb6b267089a34fbbef7750f4013..2475b3d91d02da977541fed13276c1164c61539c 100644
--- a/packages/smart-signer/components/password-form.tsx
+++ b/packages/smart-signer/components/password-form.tsx
@@ -1,7 +1,6 @@
 import { useForm } from 'react-hook-form';
 import { zodResolver } from '@hookform/resolvers/zod';
 import * as z from 'zod';
-import { useTranslation } from 'next-i18next';
 import { validateWifKey } from '@smart-signer/lib/validators/validate-wif-key';
 import { getLogger } from '@ui/lib/logging';
 
@@ -9,59 +8,59 @@ const logger = getLogger('app');
 
 export enum PasswordFormMode {
   HBAUTH = 'hbauth',
-  WIF = 'wif',
+  WIF = 'wif'
 }
 
 // Hbauth password (de facto regular password)
-const passwordHbauth = z.string()
+const passwordHbauth = z
+  .string()
   .min(1, 'Password must contain at least 1 character')
   .max(512, 'Password must contain at most 512 characters');
 
 const passwordFormSchemaHbauth = z.object({
-  password: passwordHbauth,
+  password: passwordHbauth
 });
 export type PasswordFormSchemaHbauth = z.infer<typeof passwordFormSchemaHbauth>;
 
 export const passwordFormDefaultValuesHbauth = {
-  password: '',
+  password: ''
 };
 
 // Wif password
 
-export const passwordWif = z.string()
-  .superRefine((val, ctx) => {
-    const result = validateWifKey(val, (v) => v);
-    if (result) {
-      ctx.addIssue({
-        code: z.ZodIssueCode.custom,
-        message: result,
-        fatal: true
-      });
-      return z.NEVER;
-    }
-    return true;
-  });
+export const passwordWif = z.string().superRefine((val, ctx) => {
+  const result = validateWifKey(val, (v) => v);
+  if (result) {
+    ctx.addIssue({
+      code: z.ZodIssueCode.custom,
+      message: result,
+      fatal: true
+    });
+    return z.NEVER;
+  }
+  return true;
+});
 
 const passwordFormSchemaWif = z.object({
   password: passwordWif,
-  storePassword: z.boolean(),
+  storePassword: z.boolean()
 });
 export type PasswordFormSchemaWif = z.infer<typeof passwordFormSchemaWif>;
 
 export const passwordFormDefaultValuesWif = {
   password: '',
-  storePassword: false,
+  storePassword: false
 };
 
 // captions for inputs, buttons, form title etc.
 export interface PasswordFormI18nKeysForCaptions {
-  title?: string | [string, {[key: string]: string}];
-  description?: string | [string, {[key: string]: string}];
-  inputPasswordPlaceholder?: string | [string, {[key: string]: string}];
-  inputStorePasswordLabel?: string | [string, {[key: string]: string}];
-  submitButtonName?: string | [string, {[key: string]: string}];
-  submitButtonNameWhenWorking?: string | [string, {[key: string]: string}];
-  resetButtonName?: string | [string, {[key: string]: string}];
+  title?: string;
+  description?: string;
+  inputPasswordPlaceholder?: string;
+  inputStorePasswordLabel?: string;
+  submitButtonName?: string;
+  submitButtonNameWhenWorking?: string;
+  resetButtonName?: string;
 }
 
 export interface PasswordFormOptions {
@@ -70,7 +69,6 @@ export interface PasswordFormOptions {
   errorMessage?: string;
   onSubmit?: (data: PasswordFormSchemaHbauth | PasswordFormSchemaWif) => any;
   i18nKeysForCaptions?: PasswordFormI18nKeysForCaptions;
-  i18nNamespace?: string;
 }
 
 export function PasswordForm({
@@ -78,34 +76,32 @@ export function PasswordForm({
   showInputStorePassword = true,
   errorMessage = '',
   onSubmit = (data: PasswordFormSchemaHbauth | PasswordFormSchemaWif) => {},
-  i18nKeysForCaptions = {}, // captions for inputs, buttons, form title etc.
-  i18nNamespace = 'smart-signer'
+  i18nKeysForCaptions = {} // captions for inputs, buttons, form title etc.
 }: PasswordFormOptions) {
-  const { t } = useTranslation(i18nNamespace);
-  const randomValue = crypto.randomUUID()
-  const t2 = (args: string | [string, {[key: string]: string}]) =>
-    Array.isArray(args) ? t(...args) : t(args);
+  const randomValue = crypto.randomUUID();
 
   const defaultI18nKeysForCaptions = {
-    title: 'password_form.password_form_title',
+    title: 'Enter your password',
     description: '',
-    inputPasswordPlaceholder: 'password_form.password_placeholder',
-    inputStorePasswordLabel: 'password_form.store_password_label',
-    submitButtonName: 'login_form.login_button',
-    submitButtonNameWhenWorking: 'login_form.working',
-    resetButtonName: 'login_form.reset_button',
+    inputPasswordPlaceholder: 'Password',
+    inputStorePasswordLabel: 'Store password',
+    submitButtonName: 'Submit',
+    submitButtonNameWhenWorking: 'Working…',
+    resetButtonName: 'Reset'
+  };
+  const captionKey: Required<PasswordFormI18nKeysForCaptions> = {
+    ...defaultI18nKeysForCaptions,
+    ...i18nKeysForCaptions
   };
-  const captionKey: Required<PasswordFormI18nKeysForCaptions> =
-    {...defaultI18nKeysForCaptions, ...i18nKeysForCaptions};
 
   let resolver;
   let passwordFormDefaultValues;
   if (mode === PasswordFormMode.HBAUTH) {
     resolver = passwordFormSchemaHbauth;
-    passwordFormDefaultValues = passwordFormDefaultValuesHbauth
+    passwordFormDefaultValues = passwordFormDefaultValuesHbauth;
   } else if (mode === PasswordFormMode.WIF) {
     resolver = passwordFormSchemaWif;
-    passwordFormDefaultValues = passwordFormDefaultValuesWif
+    passwordFormDefaultValues = passwordFormDefaultValuesWif;
   } else {
     throw new Error('Invalid mode');
   }
@@ -121,34 +117,33 @@ export function PasswordForm({
   });
 
   return (
-    <div className="flex h-screen flex-col justify-start pt-16 sm:h-fit md:justify-center md:pt-0" data-testid="enter-password-to-unlock-key">
+    <div
+      className="flex h-screen flex-col justify-start pt-16 sm:h-fit md:justify-center md:pt-0"
+      data-testid="enter-password-to-unlock-key"
+    >
       <div className="mx-auto flex w-full max-w-md flex-col items-center">
+        <h2 className="w-full text-xl">{captionKey.title}</h2>
+        {captionKey.description && <p className="w-full">{captionKey.description}</p>}
 
-        <h2 className="w-full text-xl">{t2(captionKey.title)}</h2>
-        {captionKey.description && <p className="w-full">{t2(captionKey.description)}</p>}
-
-        <form method="post" className="w-full mt-6">
-
+        <form method="post" className="mt-6 w-full">
           <div className="relative mb-5">
             <input
               type="password"
               className="block w-full rounded-lg border border-gray-300 px-3 py-2.5 text-sm text-gray-900 focus:border-red-500 focus:outline-none focus:ring-red-500 dark:text-slate-300"
-              placeholder={t2(captionKey.inputPasswordPlaceholder)}
+              placeholder={captionKey.inputPasswordPlaceholder}
               autoComplete="current-password"
               {...register('password')}
               data-testid="posting-private-key-input"
             />
             {errors.password?.message && (
               <p className="text-sm text-red-500" role="alert" data-testid="password-form-error-message">
-                {
-                  t(errors.password.message)
-                }
+                {errors.password.message}
               </p>
             )}
           </div>
 
-          { showInputStorePassword && (
-            <div className="flex items-center py-1 mb-5">
+          {showInputStorePassword && (
+            <div className="mb-5 flex items-center py-1">
               <input
                 id={`store-password-${randomValue}`}
                 type="checkbox"
@@ -160,13 +155,12 @@ export function PasswordForm({
                 htmlFor={`store-password-${randomValue}`}
                 className="ml-2 flex items-center text-sm font-medium text-gray-900 dark:text-slate-300"
               >
-                {t2(captionKey.inputStorePasswordLabel)}
+                {captionKey.inputStorePasswordLabel}
               </label>
             </div>
           )}
 
-          <div className="flex items-center justify-between mt-10">
-
+          <div className="mt-10 flex items-center justify-between">
             {/* Submit Button */}
             <button
               type="submit"
@@ -175,8 +169,8 @@ export function PasswordForm({
               data-testid="password-submit-button"
               disabled={isSubmitting}
             >
-              {!isSubmitting && t2(captionKey.submitButtonName)}
-              {isSubmitting && t2(captionKey.submitButtonNameWhenWorking)}
+              {!isSubmitting && captionKey.submitButtonName}
+              {isSubmitting && captionKey.submitButtonNameWhenWorking}
             </button>
 
             {/* Reset Button */}
@@ -186,9 +180,8 @@ export function PasswordForm({
               className="w-fit rounded-lg bg-transparent px-5 py-2.5 text-center text-sm font-semibold text-gray-500 hover:cursor-pointer hover:text-red-600 focus:outline-none"
               data-testid="password-reset-button"
             >
-              {t2(captionKey.resetButtonName)}
+              {captionKey.resetButtonName}
             </button>
-
           </div>
 
           <div>
@@ -196,9 +189,7 @@ export function PasswordForm({
               {errorMessage || '\u00A0'}
             </p>
           </div>
-
         </form>
-
       </div>
     </div>
   );
diff --git a/packages/smart-signer/components/signer-provider.tsx b/packages/smart-signer/components/signer-provider.tsx
index 715ab99d57f65e46b5fcab210d21da42e355756f..975c45ad2e3b801f9301e7a1a1218cd8a89ab194 100644
--- a/packages/smart-signer/components/signer-provider.tsx
+++ b/packages/smart-signer/components/signer-provider.tsx
@@ -32,7 +32,7 @@ export const SignerProvider = ({ children }: { children: ReactNode }) => {
         transactionService.setSignerOptions(signerOptions);
       }
     })().catch(logger.error);
-  // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [signerOptions.username]);
 
   // TODO: Wait for signer to be initialized
diff --git a/packages/smart-signer/components/signin-form.tsx b/packages/smart-signer/components/signin-form.tsx
index 53bbbc0480638856bb9de166132715f8bcbc7b12..6064ae5e7e9c177ca4f48532b5554b6ede78857b 100644
--- a/packages/smart-signer/components/signin-form.tsx
+++ b/packages/smart-signer/components/signin-form.tsx
@@ -3,7 +3,7 @@ import { useEffect, useState } from 'react';
 import { useForm } from 'react-hook-form';
 import { zodResolver } from '@hookform/resolvers/zod';
 import * as z from 'zod';
-import { useTranslation } from 'next-i18next';
+
 import { Separator } from '@hive/ui/components/separator';
 import { hasCompatibleKeychain } from '@smart-signer/lib/signer/signer-keychain';
 import { username } from '@smart-signer/lib/auth/utils';
@@ -21,7 +21,7 @@ const loginFormSchema = z.object({
   username,
   loginType: z.nativeEnum(LoginType),
   remember: z.boolean(),
-  keyType: z.nativeEnum(KeyType),
+  keyType: z.nativeEnum(KeyType)
 });
 
 export type LoginFormSchema = z.infer<typeof loginFormSchema>;
@@ -30,12 +30,12 @@ const loginFormDefaultValues = {
   username: '',
   loginType: LoginType.hbauth,
   remember: false,
-  keyType: KeyType.posting,
+  keyType: KeyType.posting
 };
 
 export interface LoginTypeDetail {
   logo: string;
-  type: 'internal' | 'external'
+  type: 'internal' | 'external';
 }
 
 export type LoginTypeDetails = {
@@ -44,25 +44,25 @@ export type LoginTypeDetails = {
 
 export const loginTypeDetails: LoginTypeDetails = {
   hbauth: {
-    logo: "/smart-signer/images/hive-blog-twshare.png",
-    type: "internal",
+    logo: '/smart-signer/images/hive-blog-twshare.png',
+    type: 'internal'
   },
   hiveauth: {
-    logo: "/smart-signer/images/hiveauth.png",
-    type: "internal",
+    logo: '/smart-signer/images/hiveauth.png',
+    type: 'internal'
   },
   hivesigner: {
-    logo: "/smart-signer/images/hivesigner.svg",
-    type: "external",
+    logo: '/smart-signer/images/hivesigner.svg',
+    type: 'external'
   },
   keychain: {
-    logo: "/smart-signer/images/hivekeychain.png",
-    type: "internal",
+    logo: '/smart-signer/images/hivekeychain.png',
+    type: 'internal'
   },
   wif: {
-    logo: "/smart-signer/images/hive-blog-twshare.png",
-    type: "internal",
-  },
+    logo: '/smart-signer/images/hive-blog-twshare.png',
+    type: 'internal'
+  }
 };
 
 export interface LoginFormOptions {
@@ -78,7 +78,6 @@ export default function LoginForm({
   enabledLoginTypes = Object.keys(LoginType) as LoginType[],
   i18nNamespace = 'smart-signer'
 }: LoginFormOptions) {
-  const { t } = useTranslation(i18nNamespace);
   const [isKeychainSupported, setIsKeychainSupported] = useState(false);
 
   useEffect(() => {
@@ -104,10 +103,7 @@ export default function LoginForm({
     });
   };
 
-  const radioGroupItem = (
-    loginType: LoginType,
-    disabled: boolean = false
-  ): JSX.Element => {
+  const radioGroupItem = (loginType: LoginType, disabled: boolean = false): JSX.Element => {
     return (
       <div style={{ display: 'flex', alignItems: 'center' }}>
         <RadioGroupItem
@@ -123,10 +119,17 @@ export default function LoginForm({
           <img
             className="mr-1 h-4 w-4"
             src={loginTypeDetails[loginType].logo}
-
             alt={`${pascalCase(loginType)} Logo`}
           />
-          {t(`login_form.use_${loginType}`)}
+          {loginType === 'hbauth'
+            ? 'Use safe storage'
+            : loginType === 'keychain'
+              ? 'Use Keychain'
+              : loginType === 'hiveauth'
+                ? 'Use HiveAuth'
+                : loginType === 'wif'
+                  ? 'Use WIF'
+                  : loginType}
         </label>
       </div>
     );
@@ -149,36 +152,33 @@ export default function LoginForm({
     {
       value: 'posting',
       disabled: false,
-      labelText: t(`login_form.posting_private_key_placeholder`),
+      labelText: 'Posting private key',
       labelImageSrc: '',
       labelImageAlt: ''
     },
     {
       value: 'active',
       disabled: false,
-      labelText: t(`login_form.active_private_key_placeholder`),
+      labelText: 'Active private key',
       labelImageSrc: '',
       labelImageAlt: ''
     }
   ];
 
-
   return (
     <div className="flex h-screen flex-col justify-start pt-16 sm:h-fit md:justify-center md:pt-0">
       <div className="mx-auto flex w-full max-w-md flex-col items-center">
-
         <h2 className="w-full pb-6 text-3xl text-gray-800 dark:text-slate-300" data-testid="login-header">
-          {t('login_form.title_action_login')}
+          Login
         </h2>
 
         <form method="post" className="w-full">
-
           <div className="mb-5">
             <div className="relative">
               <input
                 type="text"
                 className="block w-full rounded-lg border border-gray-300 px-3 py-2.5 pl-11 text-sm text-gray-900 focus:border-red-500 focus:outline-none focus:ring-red-500 dark:text-slate-300"
-                placeholder={t('login_form.username_placeholder')}
+                placeholder="Enter your username"
                 autoComplete="username"
                 {...register('username')}
                 aria-invalid={errors.username ? 'true' : 'false'}
@@ -189,7 +189,7 @@ export default function LoginForm({
             </div>
             {errors.username?.message && (
               <p className="text-sm text-red-500" role="alert">
-                {t(errors.username.message)}
+                {errors.username.message}
               </p>
             )}
           </div>
@@ -212,10 +212,10 @@ export default function LoginForm({
               onValueChange={(v: KeyType) => {
                 setValue('keyType', v as KeyType);
               }}
-              name='keyType'
-              aria-label={t('login_form.title_select_key_type')}
+              name="keyType"
+              aria-label="Key Type"
             >
-              <h3>{t('login_form.title_select_key_type')}</h3>
+              <h3>Key Type</h3>
               {radioGroupItems(keyTypeItems)}
             </RadioGroup>
           </div>
@@ -233,7 +233,7 @@ export default function LoginForm({
                 htmlFor="remember"
                 className="ml-2 text-sm font-medium text-gray-900 dark:text-slate-300"
               >
-                {t('login_form.keep_me_logged_in')}
+                Keep me logged in
               </label>
             </div>
           </div>
@@ -246,8 +246,8 @@ export default function LoginForm({
               data-testid="login-submit-button"
               disabled={isSubmitting}
             >
-              {!isSubmitting && t('login_form.login_button')}
-              {isSubmitting && t('login_form.working')}
+              {!isSubmitting && 'Submit'}
+              {isSubmitting && 'Working…'}
             </button>
             <button
               type="button"
@@ -255,7 +255,7 @@ export default function LoginForm({
               className="w-fit rounded-lg bg-transparent px-5 py-2.5 text-center text-sm font-semibold text-gray-500 hover:cursor-pointer hover:text-red-600 focus:outline-none"
               data-testid="login-reset-button"
             >
-              {t('login_form.reset_button')}
+              Reset
             </button>
           </div>
 
@@ -283,7 +283,7 @@ export default function LoginForm({
           {enabledLoginTypes.includes(LoginType.hivesigner) && (
             <div className="mt-4 flex w-full items-center">
               <Separator orientation="horizontal" className="w-1/3" />
-              <span className="w-1/3 text-center text-sm">{t('login_form.more_login_methods')}</span>
+              <span className="w-1/3 text-center text-sm">more login methods</span>
               <Separator orientation="horizontal" className="w-1/3" />
             </div>
           )}
@@ -298,14 +298,10 @@ export default function LoginForm({
                   onHivesignerButtonClick();
                 }}
               >
-                <img
-                  src={loginTypeDetails[LoginType.hivesigner].logo}
-                  alt="Hivesigner logo"
-                />
+                <img src={loginTypeDetails[LoginType.hivesigner].logo} alt="Hivesigner logo" />
               </button>
             </div>
           )}
-
         </form>
       </div>
     </div>
diff --git a/packages/smart-signer/components/signin-panel.tsx b/packages/smart-signer/components/signin-panel.tsx
index c0675051bf6ef1238fa41f017f8b85da85c6c369..9775ec9753a290a668f13d508a23f6edd67ec81d 100644
--- a/packages/smart-signer/components/signin-panel.tsx
+++ b/packages/smart-signer/components/signin-panel.tsx
@@ -1,5 +1,5 @@
 import { useState, useEffect } from 'react';
-import { useTranslation } from 'next-i18next';
+
 import { useRouter } from 'next/router';
 import { LoginType } from '@smart-signer/types/common';
 import { getCookie } from '@smart-signer/lib/utils';
@@ -19,30 +19,22 @@ import { getLogger } from '@ui/lib/logging';
 
 const logger = getLogger('app');
 
-const DynamicLoginForm = dynamic(
-  () => import('@smart-signer/components/signin-form'), {ssr: false});
+const DynamicLoginForm = dynamic(() => import('@smart-signer/components/signin-form'), { ssr: false });
 
 interface LoginPanelOptions {
-  authenticateOnBackend: boolean,
+  authenticateOnBackend: boolean;
   strict: boolean; // if true use strict authentication
-  i18nNamespace?: string
+  i18nNamespace?: string;
   enabledLoginTypes?: LoginType[];
 }
 
-export function LoginPanel(
-  {
-    authenticateOnBackend,
-    strict,
-    i18nNamespace = 'smart-signer',
-    enabledLoginTypes = [
-      LoginType.hbauth,
-      LoginType.keychain,
-      LoginType.wif,
-    ]
-  }: LoginPanelOptions
-) {
+export function LoginPanel({
+  authenticateOnBackend,
+  strict,
+  i18nNamespace = 'smart-signer',
+  enabledLoginTypes = [LoginType.hbauth, LoginType.keychain, LoginType.wif]
+}: LoginPanelOptions) {
   const router = useRouter();
-  const { t } = useTranslation(i18nNamespace);
   const [loginChallenge, setLoginChallenge] = useState('');
   const { signerOptions } = useSigner();
   const [errorMsg, setErrorMsg] = useState('');
@@ -78,8 +70,7 @@ export function LoginPanel(
 
     try {
       const hiveChain = await hiveChainService.getHiveChain();
-      const operation: operation =
-        await getOperationForLogin(username, keyType, loginChallenge, loginType);
+      const operation: operation = await getOperationForLogin(username, keyType, loginChallenge, loginType);
       const txBuilder = await hiveChain.createTransaction();
       txBuilder.pushOperation(operation);
       txBuilder.validate();
@@ -92,13 +83,13 @@ export function LoginPanel(
         transaction: tx
       });
       logger.info('signature: %s', signature);
-      txBuilder.sign(signature);
+      txBuilder.addSignature(signature);
       signatures[keyType] = signature;
 
       logger.info('transaction: %o', {
         pack,
         toApi: txBuilder.toApi(),
-        toApiParsed: JSON.parse(txBuilder.toApi()),
+        toApiParsed: JSON.parse(txBuilder.toApi())
       });
 
       const signInData: PostLoginSchema = {
@@ -110,19 +101,17 @@ export function LoginPanel(
         pack,
         strict,
         signatures,
-        authenticateOnBackend,
+        authenticateOnBackend
       };
       await signIn.mutateAsync({ data: signInData });
     } catch (error) {
       logger.error('onSubmit error in signLoginChallenge', error);
-      setErrorMsg(t('pageLogin.loginFailed'));
+      setErrorMsg('Login failed');
       return;
     }
   };
 
-  return <DynamicLoginForm
-    errorMessage={errorMsg}
-    onSubmit={onSubmit}
-    enabledLoginTypes={enabledLoginTypes}
-  />;
+  return (
+    <DynamicLoginForm errorMessage={errorMsg} onSubmit={onSubmit} enabledLoginTypes={enabledLoginTypes} />
+  );
 }
diff --git a/packages/smart-signer/eslint.config.mjs b/packages/smart-signer/eslint.config.mjs
index 6bb5c1f4a639e617f6a23f0b9b1f19cfcc3368f8..c58cdc4f813f75439e778eb2aa48d8406588d754 100644
--- a/packages/smart-signer/eslint.config.mjs
+++ b/packages/smart-signer/eslint.config.mjs
@@ -1,13 +1,16 @@
-import path from "node:path";
-import { fileURLToPath } from "node:url";
-import js from "@eslint/js";
-import { FlatCompat } from "@eslint/eslintrc";
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+import js from '@eslint/js';
+import { FlatCompat } from '@eslint/eslintrc';
 
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
 const compat = new FlatCompat({
-    baseDirectory: __dirname,
-    recommendedConfig: js.configs.recommended,
-    allConfig: js.configs.all
+  baseDirectory: __dirname,
+  recommendedConfig: js.configs.recommended,
+  allConfig: js.configs.all
 });
-export default [...compat.extends("@hive/eslint-config-custom")];
\ No newline at end of file
+
+const config = [...compat.extends('@hive/eslint-config-custom')];
+
+export default config;
diff --git a/packages/smart-signer/lib/api-handlers/auth/login.ts b/packages/smart-signer/lib/api-handlers/auth/login.ts
index 7c9648ae7148bbaf6a303ff6505cda4adb369478..d5e205377ca711113c5b81f05d4801c3b78693ee 100644
--- a/packages/smart-signer/lib/api-handlers/auth/login.ts
+++ b/packages/smart-signer/lib/api-handlers/auth/login.ts
@@ -2,7 +2,7 @@ import createHttpError from 'http-errors';
 import { NextApiHandler } from 'next';
 import { getIronSession } from 'iron-session';
 import { sessionOptions } from '@smart-signer/lib/session';
-import { getAccount } from '@transaction/lib/hive';
+import { getAccount } from '@transaction/lib/hive-api';
 import { postLoginSchema, PostLoginSchema } from '@smart-signer/lib/auth/utils';
 import { User } from '@smart-signer/types/common';
 import { IronSessionData } from '@smart-signer/types/common';
@@ -10,14 +10,13 @@ import { cookieNamePrefix } from '@smart-signer/lib/session';
 import { checkCsrfHeader } from '@smart-signer/lib/csrf-protection';
 import { verifyLoginChallenge } from '@smart-signer/lib/verify-login-challenge';
 import { verifyLogin } from '@smart-signer/lib/verify-login';
-import { getLoginChallengeFromTransactionForLogin } from '@smart-signer/lib/login-operation'
+import { getLoginChallengeFromTransactionForLogin } from '@smart-signer/lib/login-operation';
 import { getLogger } from '@hive/ui/lib/logging';
 import { siteConfig } from '@hive/ui/config/site';
 import { getChatAuthToken } from '@smart-signer/lib/rocket-chat';
 
 const logger = getLogger('app');
 
-
 export const loginUser: NextApiHandler<User> = async (req, res) => {
   checkCsrfHeader(req);
 
@@ -48,8 +47,7 @@ export const loginUser: NextApiHandler<User> = async (req, res) => {
 
   if (JSON.parse(data.txJSON)) {
     // Check whether loginChallenge is correct.
-    const reguestLoginChallenge =
-      getLoginChallengeFromTransactionForLogin(JSON.parse(data.txJSON), keyType);
+    const reguestLoginChallenge = getLoginChallengeFromTransactionForLogin(JSON.parse(data.txJSON), keyType);
     if (reguestLoginChallenge !== loginChallenge) {
       throw new createHttpError[401]('Invalid login challenge');
     }
@@ -62,11 +60,7 @@ export const loginUser: NextApiHandler<User> = async (req, res) => {
       // swallow error
     }
   } else {
-    result = verifyLoginChallenge(
-      chainAccount,
-      signatures,
-      JSON.stringify({ loginChallenge })
-    );
+    result = verifyLoginChallenge(chainAccount, signatures, JSON.stringify({ loginChallenge }));
   }
 
   if (!result) {
@@ -75,8 +69,10 @@ export const loginUser: NextApiHandler<User> = async (req, res) => {
 
   let chatAuthToken = '';
   const oauthConsent: { [key: string]: boolean } = {};
-  if (siteConfig.openhiveChatIframeIntegrationEnable
-      && (verifiedUser?.strict || siteConfig.openhiveChatAllowNonStrictLogin)) {
+  if (
+    siteConfig.openhiveChatIframeIntegrationEnable &&
+    (verifiedUser?.strict || siteConfig.openhiveChatAllowNonStrictLogin)
+  ) {
     const result = await getChatAuthToken(username);
     if (result.success) {
       chatAuthToken = result.data.authToken;
@@ -93,7 +89,7 @@ export const loginUser: NextApiHandler<User> = async (req, res) => {
     authenticateOnBackend,
     chatAuthToken,
     oauthConsent,
-    strict: verifiedUser?.strict ? true : false,
+    strict: verifiedUser?.strict ? true : false
   };
   const session = await getIronSession<IronSessionData>(req, res, sessionOptions);
   session.user = user;
diff --git a/packages/smart-signer/lib/auth/use-logout.ts b/packages/smart-signer/lib/auth/use-logout.ts
index c4ed5712e8ed650fe2ccd7ffbd70fcaf53df2643..d42c50cc7f221d7fc4e6a04194ac880774d843dc 100644
--- a/packages/smart-signer/lib/auth/use-logout.ts
+++ b/packages/smart-signer/lib/auth/use-logout.ts
@@ -4,7 +4,7 @@ import { getSigner } from '@smart-signer/lib/signer/get-signer';
 import { useUser } from '@smart-signer/lib/auth/use-user';
 import { useSigner } from '@smart-signer/lib/use-signer';
 import { getLogger } from '@hive/ui/lib/logging';
-import { useRouter } from 'next/router';
+import { useRouter } from 'next/navigation';
 
 const logger = getLogger('app');
 
@@ -19,7 +19,7 @@ export function useLogout(redirect?: string) {
       if (user && user.isLoggedIn) {
         const signer = getSigner(signerOptions);
         await signer.destroy();
-        
+
         // Log logout event to the backend
         try {
           await fetch('/api/auth/log_account', {
@@ -37,7 +37,6 @@ export function useLogout(redirect?: string) {
       await signOut.mutateAsync({ user });
       // Delete auth_proof cookie
       document.cookie = 'auth_proof=; path=/; max-age=0';
-      
     } catch (error) {
       toast({
         title: 'Error!',
diff --git a/packages/smart-signer/lib/auth/use-user-client.ts b/packages/smart-signer/lib/auth/use-user-client.ts
new file mode 100644
index 0000000000000000000000000000000000000000..d1ec7afb3edca883da5af6233db33a7e5c7b7b77
--- /dev/null
+++ b/packages/smart-signer/lib/auth/use-user-client.ts
@@ -0,0 +1,67 @@
+'use client';
+import { useEffect } from 'react';
+import { useQuery } from '@tanstack/react-query';
+import { useRouter } from 'next/navigation';
+import { QUERY_KEY } from '@smart-signer/lib/query-keys';
+import * as userLocalStorage from './user-localstore';
+import { useIsMounted, useLocalStorage } from 'usehooks-ts';
+import { fetchJson } from '@smart-signer/lib/fetch-json';
+import { defaultUser } from '@smart-signer/lib/auth/utils';
+import { getLogger } from '@ui/lib/logging';
+import { User } from '@smart-signer/types/common';
+
+const isServer = typeof window === 'undefined';
+
+const logger = getLogger('app');
+
+interface IUseUser {
+  user: User;
+}
+
+async function getUser(): Promise<User> {
+  return await fetchJson(`/api/users/me`);
+}
+
+export function useUserClient({ redirectTo = '', redirectIfFound = false } = {}): IUseUser {
+  const isMounted = useIsMounted();
+  const [storedUser, storeUser] = useLocalStorage<User>('user', defaultUser);
+  const { data: user } = useQuery<User>({
+    queryKey: [QUERY_KEY.user],
+    queryFn: async (): Promise<User> => getUser(),
+    refetchOnMount: false,
+    refetchOnWindowFocus: false,
+    refetchOnReconnect: false,
+    initialData: storedUser,
+    onError: () => {
+      storeUser(defaultUser);
+    }
+  });
+
+  const router = useRouter();
+
+  useEffect(() => {
+    userLocalStorage.saveUser(user || defaultUser);
+  }, [user]);
+
+  useEffect(() => {
+    // If no redirect needed, just return (example: already on
+    // /dashboard). If user data not yet there (fetch in progress,
+    // logged in or not) then don't do anything yet.
+    if (!redirectTo || !user) {
+      return;
+    }
+
+    if (
+      // If redirectTo is set, redirect if the user was not found.
+      (redirectTo && !redirectIfFound && !user?.isLoggedIn) ||
+      // If redirectIfFound is also set, redirect if the user was found.
+      (redirectIfFound && user?.isLoggedIn)
+    ) {
+      router.push(redirectTo);
+    }
+  }, [user, redirectIfFound, redirectTo, router]);
+
+  return {
+    user: !isMounted() || !user ? defaultUser : user
+  };
+}
diff --git a/packages/smart-signer/lib/auth/use-user.tsx b/packages/smart-signer/lib/auth/use-user.tsx
index ec1c017c52c0ab9286dd6a52baf3df28ca377de3..c505d7aa192ab1c305f80aefb3646b810a12c959 100644
--- a/packages/smart-signer/lib/auth/use-user.tsx
+++ b/packages/smart-signer/lib/auth/use-user.tsx
@@ -21,19 +21,17 @@ async function getUser(): Promise<User> {
 
 export function useUser({ redirectTo = '', redirectIfFound = false } = {}): IUseUser {
   const [storedUser, storeUser] = useLocalStorage<User>('user', defaultUser);
-  const { data: user } = useQuery<User>(
-    [QUERY_KEY.user],
-    async (): Promise<User> => getUser(),
-    {
-      refetchOnMount: false,
-      refetchOnWindowFocus: false,
-      refetchOnReconnect: false,
-      initialData: storedUser,
-      onError: () => {
-        storeUser(defaultUser);
-      }
+  const { data: user } = useQuery<User>({
+    queryKey: [QUERY_KEY.user],
+    queryFn: async (): Promise<User> => getUser(),
+    refetchOnMount: false,
+    refetchOnWindowFocus: false,
+    refetchOnReconnect: false,
+    initialData: storedUser,
+    onError: () => {
+      storeUser(defaultUser);
     }
-  );
+  });
 
   useEffect(() => {
     userLocalStorage.saveUser(user || defaultUser);
diff --git a/packages/smart-signer/lib/get-hive-user-profile.ts b/packages/smart-signer/lib/get-hive-user-profile.ts
index 527d6b610c0ba2d215a7fa25f9387adb29aaec77..bc23e4e7757b72635c3a7fbe5be9f17b8a11689e 100644
--- a/packages/smart-signer/lib/get-hive-user-profile.ts
+++ b/packages/smart-signer/lib/get-hive-user-profile.ts
@@ -1,5 +1,5 @@
 import { getLogger } from '@hive/ui/lib/logging';
-import { getAccount } from '@transaction/lib/hive';
+import { getAccount } from '@transaction/lib/hive-api';
 
 const logger = getLogger('app');
 
@@ -21,55 +21,41 @@ export const getHiveUserProfile = async (hiveUsername: string): Promise<HiveUser
 
   // Add properties to user profile.
   try {
-      const chainAccount = await getAccount(hiveUsername);
-      if (!chainAccount) {
-          logger.error(
-              'gethiveUserProfile error: missing blockchain account',
-              hiveUsername
-              );
-          return hiveUserProfile;
+    const chainAccount = await getAccount(hiveUsername);
+    if (!chainAccount) {
+      logger.error('gethiveUserProfile error: missing blockchain account', hiveUsername);
+      return hiveUserProfile;
+    }
+
+    if (Object.prototype.hasOwnProperty.call(chainAccount, 'posting_json_metadata')) {
+      const postingJsonMetadata = JSON.parse(chainAccount.posting_json_metadata);
+      if (Object.prototype.hasOwnProperty.call(postingJsonMetadata, 'profile')) {
+        if (Object.prototype.hasOwnProperty.call(postingJsonMetadata.profile, 'name')) {
+          hiveUserProfile.name = postingJsonMetadata.profile.name;
+        }
+
+        // The property `profile_image` is read in Rocket
+        // Chat on each login, but changes don't cause
+        // changing existing avatar. However a new image is
+        // addded to the list of available avatars in Rocket
+        // Chat.
+        if (Object.prototype.hasOwnProperty.call(postingJsonMetadata.profile, 'profile_image')) {
+          hiveUserProfile.picture = postingJsonMetadata.profile.profile_image;
+        }
+
+        // The property `website` does nothing in Rocket
+        // Chat – there's not such field there.
+        if (Object.prototype.hasOwnProperty.call(postingJsonMetadata.profile, 'website')) {
+          hiveUserProfile.website = postingJsonMetadata.profile.website;
+        }
       }
+    }
 
-      if (Object.prototype.hasOwnProperty
-              .call(chainAccount, 'posting_json_metadata')) {
-          const postingJsonMetadata = JSON.parse(
-                  chainAccount.posting_json_metadata
-                  );
-          if (Object.prototype.hasOwnProperty
-                  .call(postingJsonMetadata, 'profile')) {
-
-              if (Object.prototype.hasOwnProperty
-                      .call(postingJsonMetadata.profile, 'name')) {
-                  hiveUserProfile.name = postingJsonMetadata.profile.name;
-              }
-
-              // The property `profile_image` is read in Rocket
-              // Chat on each login, but changes don't cause
-              // changing existing avatar. However a new image is
-              // addded to the list of available avatars in Rocket
-              // Chat.
-              if (Object.prototype.hasOwnProperty
-                      .call(postingJsonMetadata.profile, 'profile_image')) {
-                  hiveUserProfile.picture = postingJsonMetadata
-                          .profile.profile_image;
-              }
-
-              // The property `website` does nothing in Rocket
-              // Chat – there's not such field there.
-              if (Object.prototype.hasOwnProperty
-                      .call(postingJsonMetadata.profile, 'website')) {
-                  hiveUserProfile.website = postingJsonMetadata
-                          .profile.website;
-              }
-          }
-      }
-
-      // TODO We can also try to read profile from
-      // chainAccount.json_metadata, when
-      // chainAccount.posting_json_metadata doesn't exist.
-
+    // TODO We can also try to read profile from
+    // chainAccount.json_metadata, when
+    // chainAccount.posting_json_metadata doesn't exist.
   } catch (error) {
-      logger.error('gethiveUserProfile error', error);
+    logger.error('gethiveUserProfile error', error);
   }
   return hiveUserProfile;
-}
+};
diff --git a/packages/smart-signer/lib/signer/get-signer.ts b/packages/smart-signer/lib/signer/get-signer.ts
index c5c388360a5e68495966782fb7cd97991332ce64..e40561338137cade2b2eb217ac9da78cf8cc854c 100644
--- a/packages/smart-signer/lib/signer/get-signer.ts
+++ b/packages/smart-signer/lib/signer/get-signer.ts
@@ -9,7 +9,7 @@ export type SignerTool = SignerHbauth | SignerHiveauth | SignerKeychain | Signer
 
 export type RegisteredSigners = {
   [key in LoginType]?: any;
-}
+};
 
 const registeredSigners: RegisteredSigners = {};
 registeredSigners[LoginType.hbauth] = SignerHbauth;
@@ -23,7 +23,7 @@ export function signerFactory({
   keyType,
   apiEndpoint,
   storageType,
-  chainId,
+  chainId
 }: SignerOptions): SignerTool {
   return new registeredSigners[loginType]({
     username,
@@ -31,7 +31,7 @@ export function signerFactory({
     keyType,
     apiEndpoint,
     storageType,
-    chainId,
+    chainId
   }) as SignerTool;
 }
 
diff --git a/packages/smart-signer/lib/signer/signer-hbauth.ts b/packages/smart-signer/lib/signer/signer-hbauth.ts
index 8770eefdacdf0f94517992a89b1adace0509ed43..c753f8a3204fabb45e5ae6a5292ea105f447c3eb 100644
--- a/packages/smart-signer/lib/signer/signer-hbauth.ts
+++ b/packages/smart-signer/lib/signer/signer-hbauth.ts
@@ -52,7 +52,7 @@ export class SignerHbauth extends Signer {
       mode: PasswordFormMode.HBAUTH,
       showInputStorePassword: false,
       i18nKeysForCaptions: {
-        inputPasswordPlaceholder: 'login_form.password_hbauth_placeholder'
+        inputPasswordPlaceholder: 'Password to unlock key'
       }
     };
 
@@ -81,7 +81,7 @@ export class SignerHbauth extends Signer {
   }
 
   async signTransaction({ digest, transaction, singleSignKeyType, requiredKeyType }: SignTransaction) {
-    const wax = await hiveChainService.getHiveChain()
+    const wax = await hiveChainService.getHiveChain();
 
     // When transaction is string, e.g. got from transaction.toApi().
     // const txBuilder = wax.TransactionBuilder.fromApi(transaction);
@@ -156,8 +156,8 @@ export class SignerHbauth extends Signer {
         mode: PasswordFormMode.HBAUTH,
         showInputStorePassword: false,
         i18nKeysForCaptions: {
-          title: `login_form.this_operation_requires_your_key_for_single_sign_${singleSignKeyType}`,
-          inputPasswordPlaceholder: 'login_form.title_wif_dialog_password'
+          title: `This operation requires your ${singleSignKeyType} key for one time signing.`,
+          inputPasswordPlaceholder: 'Enter your WIF key'
         }
       };
 
@@ -246,8 +246,8 @@ export class SignerHbauth extends Signer {
       mode: PasswordFormMode.HBAUTH,
       showInputStorePassword: false,
       i18nKeysForCaptions: {
-        title: `login_form.this_operation_requires_your_${keyType}_key_enter_key_and_keep_it_in_safe_storage`,
-        inputPasswordPlaceholder: 'login_form.title_wif_dialog_password'
+        title: `This operation requires your ${keyType} key. Enter your key and keep it in safe storage.`,
+        inputPasswordPlaceholder: 'Enter your WIF key'
       }
     };
     // If key is not registered in safe storage, ask user to enter it
diff --git a/packages/smart-signer/lib/signer/signer-keychain.ts b/packages/smart-signer/lib/signer/signer-keychain.ts
index 972f74e70940ba3bcb38cc907aea7d921188ae50..262c6c3f720ffb2174d59bf0e9ecf66ea815aa38 100644
--- a/packages/smart-signer/lib/signer/signer-keychain.ts
+++ b/packages/smart-signer/lib/signer/signer-keychain.ts
@@ -107,8 +107,11 @@ export class SignerKeychain extends Signer {
 
       transaction.operations.forEach((op) => authTx.pushOperation(op));
 
-      const provider: IOnlineSignatureProvider = KeychainProvider.for(this.username, requiredKeyType ?? this.keyType);
-      await authTx.sign(provider);
+      const provider: IOnlineSignatureProvider = KeychainProvider.for(
+        this.username,
+        requiredKeyType ?? this.keyType
+      );
+      await provider.signTransaction(authTx);
 
       // This is quicker way to verify authority, isntead of
       // authority-checker.ts
diff --git a/packages/smart-signer/lib/signer/signer-wif.ts b/packages/smart-signer/lib/signer/signer-wif.ts
index bc106cab7859d7a995ad5fad2c3e1addbfe07079..9189dbe5ad5df1b193fb9e15092bfd932a57552c 100644
--- a/packages/smart-signer/lib/signer/signer-wif.ts
+++ b/packages/smart-signer/lib/signer/signer-wif.ts
@@ -81,9 +81,9 @@ export class SignerWif extends StorageMixin(SignerHbauth) {
       mode: PasswordFormMode.WIF,
       showInputStorePassword: true,
       i18nKeysForCaptions: {
-        inputPasswordPlaceholder: ['login_form.private_key_placeholder', { keyType }],
-        inputStorePasswordLabel: 'password_form.store_key_label',
-        title: 'login_form.title_wif_dialog_password'
+        inputPasswordPlaceholder: `Your ${keyType} private key`,
+        inputStorePasswordLabel: 'Store key',
+        title: 'Enter your WIF key'
       }
     };
 
diff --git a/packages/smart-signer/lib/validators/validate-hive-account-name.ts b/packages/smart-signer/lib/validators/validate-hive-account-name.ts
index 902ca0ff823537ff1dcd8269a289738176b56bc8..5994d980cec16ef6ca2cf1f19b05a6a3a3c824d0 100644
--- a/packages/smart-signer/lib/validators/validate-hive-account-name.ts
+++ b/packages/smart-signer/lib/validators/validate-hive-account-name.ts
@@ -8,35 +8,35 @@ export function validateHiveAccountName(
   let i, label, len;
 
   if (!value) {
-    return translateFn('chainvalidation_js.account_name_should_not_be_empty');
+    return 'Account name should not be empty.';
   }
   const { length } = value;
   if (length < 3) {
-    return translateFn('chainvalidation_js.account_name_should_be_longer');
+    return 'Account name should be longer.';
   }
   if (length > 16) {
-    return translateFn('chainvalidation_js.account_name_should_be_shorter');
+    return 'Account name should be shorter.';
   }
   if (badActorList.includes(value) || dmcaUserList.includes(value)) {
-    return translateFn('chainvalidation_js.badactor');
+    return 'Use caution sending to this account. Please double check your spelling for possible phishing.';
   }
   const ref = value.split('.');
   for (i = 0, len = ref.length; i < len; i += 1) {
     label = ref[i];
     if (!/^[a-z0-9-]*$/.test(label)) {
-      return translateFn('chainvalidation_js.each_account_segment_should_have_only_letters_digits_or_dashes');
+      return 'Each account segment should have only lowercase letters, digits, or dashes.';
     }
     if (!/^[a-z]/.test(label)) {
-      return translateFn('chainvalidation_js.each_account_segment_should_start_with_a_letter');
+      return 'Each account segment should start with a letter.';
     }
     if (/--/.test(label)) {
-      return translateFn('chainvalidation_js.each_account_segment_should_have_only_one_dash_in_a_row');
+      return 'Each account segment should have only one dash in a row.';
     }
     if (!/[a-z0-9]$/.test(label)) {
-      return translateFn('chainvalidation_js.each_account_segment_should_end_with_a_letter_or_digit');
+      return 'Each account segment should end with a letter or digit.';
     }
     if (!(label.length >= 3)) {
-      return translateFn('chainvalidation_js.each_account_segment_should_be_longer');
+      return 'Each account segment should be longer.';
     }
   }
   return null;
diff --git a/packages/smart-signer/lib/validators/validate-wif-key.ts b/packages/smart-signer/lib/validators/validate-wif-key.ts
index e42a21c739e395af77f7bfe7b64c99798bab35e5..b933a05b880434850d5e91136d6b4a97a33c954d 100644
--- a/packages/smart-signer/lib/validators/validate-wif-key.ts
+++ b/packages/smart-signer/lib/validators/validate-wif-key.ts
@@ -5,7 +5,7 @@ export function validateWifKey(
   translateFn: (v: string) => string = (v) => v
 ): string | null {
   if (!password) {
-    return translateFn('chainvalidation_js.wif_should_not_be_empty');
+    return 'WIF should not be empty.';
   }
   // A Hive generated password is a WIF prefixed with a P.
   // It is possible to login directly with a WIF.
@@ -14,10 +14,10 @@ export function validateWifKey(
   if (!/^5[HJK].{45,}/i.test(wif)) {
     // 51 is the wif length.
     // TODO So why do we check for string length 47 or more?
-    return translateFn('chainvalidation_js.invalid_wif_format');
+    return 'Invalid WIF format.';
   }
   if (!cryptoUtils.isWif(wif)) {
-    return translateFn('chainvalidation_js.invalid_wif_checksum');
+    return 'Invalid WIF checksum.';
   }
   return null;
 }
diff --git a/packages/transaction/index.ts b/packages/transaction/index.ts
index 769d1a5d9f6769b2d5a885bb9e039077dc56f757..92771bad6850930e08ac653230583c40db0a5000 100644
--- a/packages/transaction/index.ts
+++ b/packages/transaction/index.ts
@@ -6,26 +6,27 @@ import {
   FollowOperation,
   type IArticle,
   type IReplyData,
-  ITransaction,
+  type ITransaction,
   NaiAsset,
   ReplyOperation,
-  asset,
-  authority,
-  future_extensions,
+  type asset as IAsset,
+  type authority,
+  type future_extensions,
   EAvailableCommunityRoles,
   AccountAuthorityUpdateOperation,
   ESupportedLanguages,
-  IHiveChainInterface,
-  GetDynamicGlobalPropertiesResponse,
+  type IHiveChainInterface,
+  type GetDynamicGlobalPropertiesResponse,
   ResourceCreditsOperation
 } from '@hiveio/wax';
 import { getSigner } from '@smart-signer/lib/signer/get-signer';
 import { SignerOptions, SignTransaction } from '@smart-signer/lib/signer/signer';
 import { hiveChainService } from './lib/hive-chain-service';
 import { Beneficiarie, Preferences } from './lib/app-types';
-import WorkerBee, { ITransactionData, IWorkerBee } from '@hiveio/workerbee';
+import WorkerBee, { IWorkerBee } from '@hiveio/workerbee';
 import { getLogger } from '@hive/ui/lib/logging';
 import { createAsset, getAsset } from './lib/utils';
+
 const logger = getLogger('app');
 
 export type TransactionErrorCallback = (error: any) => any;
@@ -121,7 +122,7 @@ export class TransactionService {
     const signature = await this.signTransaction(txBuilder, singleSignKeyType, requiredKeyType);
 
     // Add signature to transaction
-    txBuilder.sign(signature);
+    txBuilder.addSignature(signature);
 
     if (observe) {
       return await this.broadcastAndObserveTransaction(txBuilder);
@@ -663,6 +664,7 @@ export class TransactionService {
       builder.pushOperation(blogPost);
     }, transactionOptions);
   }
+
   async updateWalletProfile(
     username: string,
     memo_key: string,
@@ -818,7 +820,7 @@ export class TransactionService {
     }, transactionOptions);
   }
   async transferToSavings(
-    amount: asset,
+    amount: IAsset,
     fromAccount: string,
     memo: string,
     toAccount: string,
@@ -837,7 +839,7 @@ export class TransactionService {
   }
 
   async transferFromSavings(
-    amount: asset,
+    amount: IAsset,
     fromAccount: string,
     memo: string,
     toAccount: string,
@@ -858,7 +860,7 @@ export class TransactionService {
   }
 
   async transfer(
-    amount: asset,
+    amount: IAsset,
     fromAccount: string,
     memo: string,
     toAccount: string,
@@ -877,7 +879,7 @@ export class TransactionService {
   }
 
   async transferToVesting(
-    amount: asset,
+    amount: IAsset,
     fromAccount: string,
     toAccount: string,
     transactionOptions: TransactionOptions = {}
@@ -893,7 +895,7 @@ export class TransactionService {
     }, transactionOptions);
   }
 
-  async withdrawFromVesting(account: string, hp: asset, transactionOptions: TransactionOptions = {}) {
+  async withdrawFromVesting(account: string, hp: IAsset, transactionOptions: TransactionOptions = {}) {
     const { total_vesting_fund_hive, total_vesting_shares } = await this.getDynamicGlobalProperties();
     const vestingShares = (await this.getChain()).hpToVests(
       hp,
@@ -914,7 +916,7 @@ export class TransactionService {
   async delegateVestingShares(
     delegator: string,
     delegatee: string,
-    hp: asset,
+    hp: IAsset,
     transactionOptions: TransactionOptions = {}
   ) {
     const { total_vesting_fund_hive, total_vesting_shares } = await this.getDynamicGlobalProperties();
@@ -1016,6 +1018,7 @@ export class TransactionService {
     const { median_props } = await (
       await hiveChainService.getHiveChain()
     ).api.condenser_api.get_witness_schedule([]);
+
     const fee = await getAsset(median_props.account_creation_fee.split(' ')[0], 'HIVE');
     return (
       await this.processHiveAppOperation((builder) => {
@@ -1078,10 +1081,11 @@ export class TransactionService {
       );
     }, transactionOptions);
   }
+
   async limitOrderCreate(
-    amountToSell: asset,
+    amountToSell: IAsset,
     owner: string,
-    minToReceive: asset,
+    minToReceive: IAsset,
     orderId: number,
     fillOrKill: boolean,
     expiration: string,
@@ -1126,6 +1130,7 @@ export class TransactionService {
       });
     }, transactionOptions);
   }
+
   async delegateRC(
     fromAccount: string,
     amount: string,
@@ -1146,5 +1151,4 @@ export class TransactionService {
     }, transactionOptions);
   }
 }
-
 export const transactionService = new TransactionService();
diff --git a/packages/transaction/lib/bridge-api.ts b/packages/transaction/lib/bridge-api.ts
new file mode 100644
index 0000000000000000000000000000000000000000..a024b5a50b42f6435a2b6d3065389f8dece11a77
--- /dev/null
+++ b/packages/transaction/lib/bridge-api.ts
@@ -0,0 +1,202 @@
+import { getLogger } from '@ui/lib/logging';
+import { Community, Entry } from './extended-hive.chain';
+import type {
+  FollowListType,
+  IAccountNotification,
+  IFollowList,
+  IGetPostHeader,
+  IUnreadNotifications
+} from './extended-hive.chain';
+import { getChain } from './chain';
+
+export const DATA_LIMIT = 20;
+
+const logger = getLogger('bridge');
+export const getPostHeader = async (author: string, permlink: string): Promise<IGetPostHeader> => {
+  return (await getChain()).api.bridge.get_post_header({
+    author,
+    permlink
+  });
+};
+export const getUnreadNotifications = async (account: string): Promise<IUnreadNotifications | null> => {
+  return (await getChain()).api.bridge.unread_notifications({
+    account
+  });
+};
+
+export const getCommunities = async (
+  sort: string,
+  query?: string | null,
+  observer: string = 'hive.blog'
+): Promise<Community[] | null> => {
+  return (await getChain()).api.bridge.list_communities({
+    query,
+    sort,
+    observer
+  });
+};
+
+export const getSubscriptions = async (account: string): Promise<string[][] | null> => {
+  return (await getChain()).api.bridge.list_all_subscriptions({
+    account
+  });
+};
+
+export const getPostsRanked = async (
+  sort: string,
+  tag: string = '',
+  start_author: string = '',
+  start_permlink: string = '',
+  observer: string,
+  limit: number = DATA_LIMIT
+): Promise<Entry[] | null> => {
+  return (await getChain()).api.bridge
+    .get_ranked_posts({
+      sort,
+      start_author,
+      start_permlink,
+      limit,
+      tag,
+      observer
+    })
+    .then((resp) => {
+      // logger.info('getPostsRanked result: %o', resp);
+      if (resp) {
+        return resolvePosts(resp, observer);
+      }
+      console.log('response', resp);
+
+      return resp;
+    });
+};
+
+const resolvePosts = (posts: Entry[], observer: string): Promise<Entry[]> => {
+  const promises = posts.map((p) => resolvePost(p, observer));
+
+  return Promise.all(promises);
+};
+
+const resolvePost = (post: Entry, observer: string): Promise<Entry> => {
+  const { json_metadata: json } = post;
+
+  if (json.original_author && json.original_permlink && json.tags && json.tags[0] === 'cross-post') {
+    return getPost(json.original_author, json.original_permlink, observer)
+      .then((resp) => {
+        if (resp) {
+          return {
+            ...post,
+            original_entry: resp
+          };
+        }
+
+        return post;
+      })
+      .catch(() => {
+        return post;
+      });
+  }
+
+  return new Promise((resolve) => {
+    resolve(post);
+  });
+};
+
+export const getPost = async (
+  author: string = '',
+  permlink: string = '',
+  observer: string = ''
+): Promise<Entry | null> => {
+  return (await getChain()).api.bridge
+    .get_post({
+      author,
+      permlink,
+      observer
+    })
+    .then((resp) => {
+      if (resp) {
+        return resolvePost(resp, observer);
+      }
+
+      return resp;
+    });
+};
+
+export const getAccountPosts = async (
+  sort: string,
+  account: string,
+  observer: string,
+  start_author: string = '',
+  start_permlink: string = '',
+  limit: number = DATA_LIMIT
+): Promise<Entry[] | null> => {
+  return (await getChain()).api.bridge
+    .get_account_posts({
+      sort,
+      account,
+      start_author,
+      start_permlink,
+      limit,
+      observer
+    })
+    .then((resp) => {
+      if (resp) {
+        return resolvePosts(resp, observer);
+      }
+
+      return resp;
+    });
+};
+
+export const getFollowList = async (
+  observer: string,
+  follow_type: FollowListType
+): Promise<IFollowList[]> => {
+  return (await getChain()).api.bridge.get_follow_list({
+    observer,
+    follow_type
+  });
+};
+
+export const getSubscribers = async (community: string): Promise<string[][] | null> => {
+  return (await getChain()).api.bridge.list_subscribers({
+    community
+  });
+};
+
+export const getAccountNotifications = async (
+  account: string,
+  lastId: number | null = null,
+  limit = 50
+): Promise<IAccountNotification[] | null> => {
+  const params: { account: string; last_id?: number; limit: number } = {
+    account,
+    limit
+  };
+
+  if (lastId) {
+    params.last_id = lastId;
+  }
+  return (await getChain()).api.bridge.account_notifications(params);
+};
+
+export const getCommunity = async (
+  name: string,
+  observer: string | undefined = ''
+): Promise<Community | null> => {
+  return (await getChain()).api.bridge.get_community({ name, observer });
+};
+export const getListCommunityRoles = async (community: string): Promise<string[][] | null> => {
+  return (await getChain()).api.bridge.list_community_roles({ community });
+};
+
+export const getDiscussion = async (
+  author: string,
+  permlink: string,
+  observer?: string
+): Promise<Record<string, Entry> | null> => {
+  return (await getChain()).api.bridge.get_discussion({
+    author,
+    permlink,
+    observer
+  });
+};
diff --git a/packages/transaction/lib/bridge.ts b/packages/transaction/lib/bridge.ts
index 935d9cb75a6236459440277d4732afeaedd5354f..2fe2cf74177e4bc10630ef918aeecc9796d9fad3 100644
--- a/packages/transaction/lib/bridge.ts
+++ b/packages/transaction/lib/bridge.ts
@@ -1,223 +1,33 @@
-import { TWaxApiRequest } from '@hiveio/wax';
 import { hiveChainService } from './hive-chain-service';
 import { getLogger } from '@ui/lib/logging';
-import { IGetPostHeader, IFollowList, IAccountRelationship, Entry, IUnreadNotifications, Community, IAccountNotification, FollowListType } from './extended-hive.chain';
+import {
+  IFollowList,
+  IAccountRelationship,
+  Entry,
+  Community,
+  IAccountNotification,
+  FollowListType
+} from './extended-hive.chain';
 
 const logger = getLogger('app');
 
 const chain = await hiveChainService.getHiveChain();
 
-export const getPostHeader = async (author: string, permlink: string): Promise<IGetPostHeader> => {
-  return chain.api.bridge.get_post_header({
-    author,
-    permlink
-  });
-};
-
 export type Subscription = Array<string>;
 
 export const DATA_LIMIT = 20;
 
-const resolvePost = (post: Entry, observer: string): Promise<Entry> => {
-  const { json_metadata: json } = post;
-
-  if (json.original_author && json.original_permlink && json.tags && json.tags[0] === 'cross-post') {
-    return getPost(json.original_author, json.original_permlink, observer)
-      .then((resp) => {
-        if (resp) {
-          return {
-            ...post,
-            original_entry: resp
-          };
-        }
-
-        return post;
-      })
-      .catch(() => {
-        return post;
-      });
-  }
-
-  return new Promise((resolve) => {
-    resolve(post);
-  });
-};
-
-const resolvePosts = (posts: Entry[], observer: string): Promise<Entry[]> => {
-  const promises = posts.map((p) => resolvePost(p, observer));
-
-  return Promise.all(promises);
-};
-
-export const getPostsRanked = async (
-  sort: string,
-  tag: string = '',
-  start_author: string = '',
-  start_permlink: string = '',
-  observer: string,
-  limit: number = DATA_LIMIT
-): Promise<Entry[] | null> => {
-  return chain
-    .api.bridge.get_ranked_posts({
-      sort,
-      start_author,
-      start_permlink,
-      limit,
-      tag,
-      observer
-    })
-    .then((resp) => {
-      // logger.info('getPostsRanked result: %o', resp);
-      if (resp) {
-        return resolvePosts(resp, observer);
-      }
-
-      return resp;
-    });
-};
-
-export const getAccountPosts = async (
-  sort: string,
-  account: string,
-  observer: string,
-  start_author: string = '',
-  start_permlink: string = '',
-  limit: number = DATA_LIMIT
-): Promise<Entry[] | null> => {
-  return chain
-    .api.bridge.get_account_posts({
-      sort,
-      account,
-      start_author,
-      start_permlink,
-      limit,
-      observer
-    })
-    .then((resp) => {
-      if (resp) {
-        return resolvePosts(resp, observer);
-      }
-
-      return resp;
-    });
-};
-
-export const getPost = async (
-  author: string = '',
-  permlink: string = '',
-  observer: string = ''
-): Promise<Entry | null> => {
-  return chain
-    .api.bridge.get_post({
-      author,
-      permlink,
-      observer
-    })
-    .then((resp) => {
-      if (resp) {
-        return resolvePost(resp, observer);
-      }
-
-      return resp;
-    });
-};
-
-// I have problem with this func, I pass good account name but RPC call it with empty string
-export const getAccountNotifications = async (
-  account: string,
-  lastId: number | null = null,
-  limit = 50
-): Promise<IAccountNotification[] | null> => {
-  const params: { account: string; last_id?: number; limit: number } = {
-    account,
-    limit
-  };
-
-  if (lastId) {
-    params.last_id = lastId;
-  }
-  return chain.api.bridge.account_notifications(params);
-};
-
-export const getDiscussion = async (
-  author: string,
-  permlink: string,
-  observer?: string
-): Promise<Record<string, Entry> | null> => {
-  return chain.api.bridge.get_discussion({
-    author,
-    permlink,
-    observer
-  });
-};
-
-export const getCommunity = async (
-  name: string,
-  observer: string | undefined = ''
-): Promise<Community | null> => {
-  return chain.api.bridge.get_community({ name, observer });
-};
-
-export const getListCommunityRoles = async (community: string): Promise<string[][] | null> => {
-  return chain.api.bridge.list_community_roles({ community });
-};
-
-export const getCommunities = async (
-  sort: string,
-  query?: string | null,
-  // last: string = '',
-  // limit: number = 100,
-  observer: string = 'hive.blog'
-): Promise<Community[] | null> => {
-  return chain.api.bridge.list_communities({
-    // limit,
-    query,
-    sort,
-    observer
-  });
-};
-
 export const normalizePost = async (post: Entry): Promise<Entry | null> => {
   return chain.api.bridge.normalize_post({
     post
   });
 };
 
-export const getSubscriptions = async (account: string): Promise<string[][] | null> => {
-  return chain.api.bridge.list_all_subscriptions({
-    account
-  });
-};
-
-export const getSubscribers = async (community: string): Promise<string[][] | null> => {
-  return chain.api.bridge.list_subscribers({
-    community
-  });
-};
-
-
-export const getUnreadNotifications = async (account: string): Promise<IUnreadNotifications | null> => {
-  return chain.api.bridge.unread_notifications({
-    account
-  });
-};
-
 export const getRelationshipBetweenAccounts = async (
   follower: string,
   following: string
 ): Promise<IAccountRelationship | null> => {
-  return chain
-    .api.bridge.get_relationship_between_accounts([follower, following]);
-};
-
-export const getFollowList = async (
-  observer: string,
-  follow_type: FollowListType
-): Promise<IFollowList[]> => {
-  return chain.api.bridge.get_follow_list({
-    observer,
-    follow_type
-  });
+  return chain.api.bridge.get_relationship_between_accounts([follower, following]);
 };
 
 export type TwitterInfo = {
@@ -225,21 +35,6 @@ export type TwitterInfo = {
   twitter_profile: string;
 };
 
-export const getTwitterInfo = async (username: string) => {
-  const response = await fetch(`https://hiveposh.com/api/v0/twitter/${username}`);
-  if (!response.ok) {
-    throw new Error(`Posh API Error: ${response.status}`);
-  }
-
-  const data = await response.json();
-  const { error } = data;
-  if (error) {
-    throw new Error(`Posh API Error: ${error}`);
-  }
-
-  return data;
-};
-
 export interface SearchResponse {
   took: number;
   hits: number;
diff --git a/packages/transaction/lib/chain.ts b/packages/transaction/lib/chain.ts
new file mode 100644
index 0000000000000000000000000000000000000000..a73f334536cbf25fd8fef225cec8c902e52e7c91
--- /dev/null
+++ b/packages/transaction/lib/chain.ts
@@ -0,0 +1,10 @@
+import type { ExtendedNodeApi, ExtendedRestApi } from './extended-hive.chain';
+import { hiveChainService } from './hive-chain-service';
+import { TWaxExtended, TWaxRestExtended } from '@hiveio/wax';
+
+let chain: TWaxExtended<ExtendedNodeApi, TWaxRestExtended<ExtendedRestApi>> | undefined = undefined;
+
+export async function getChain() {
+  if (!chain) chain = await hiveChainService.getHiveChain();
+  return chain;
+}
diff --git a/packages/transaction/lib/custom-api.ts b/packages/transaction/lib/custom-api.ts
new file mode 100644
index 0000000000000000000000000000000000000000..57b534345c64f96b1e803f1bc820980710b93b1f
--- /dev/null
+++ b/packages/transaction/lib/custom-api.ts
@@ -0,0 +1,38 @@
+export const getTwitterInfo = async (username: string) => {
+  const response = await fetch(`https://hiveposh.com/api/v0/twitter/${username}`, { cache: 'no-store' });
+  if (!response.ok) {
+    throw new Error(`Posh API Error: ${response.status}`);
+  }
+
+  const data = await response.json();
+  const { error } = data;
+  if (error) {
+    throw new Error(`Posh API Error: ${error}`);
+  }
+
+  return data;
+};
+
+export const getHivebuzzBadges = async (username: string) => {
+  const response = await fetch(`https://hivebuzz.me/api/badges/${username}`, { cache: 'no-store' });
+  if (!response.ok) {
+    throw new Error(`Hivebuzz API Error: ${response.status}`);
+  }
+
+  const data = await response.json();
+  return data.filter((badge: { state: string }) => badge.state === 'on');
+};
+
+export const getPeakdBadges = async (username: string) => {
+  const response = await fetch(`https://peakd.com/api/public/badge/${username}`, { cache: 'no-store' });
+  if (!response.ok) {
+    throw new Error(`Peakd API Error: ${response.status}`);
+  }
+
+  const data = await response.json();
+  return data.map((obj: { name: string; title: string }) => ({
+    id: obj.title,
+    name: obj.name,
+    title: obj.title
+  }));
+};
diff --git a/packages/transaction/lib/extended-hive.chain.ts b/packages/transaction/lib/extended-hive.chain.ts
index c6d79a17bb8c711a7a7aad3c4803bd3e87874134..2be13fb82ddab89c7852ec17bf59ebb048461c12 100644
--- a/packages/transaction/lib/extended-hive.chain.ts
+++ b/packages/transaction/lib/extended-hive.chain.ts
@@ -3,12 +3,12 @@ import {
   RcAccount,
   GetDynamicGlobalPropertiesResponse,
   GetDynamicGlobalPropertiesRequest,
-  asset,
+  type asset as AssetType,
   NaiAsset,
   transaction
 } from '@hiveio/wax';
 import { AccountFollowStats, FullAccount } from './app-types';
-import { SearchType } from './hive';
+import { SearchType } from './hive-api';
 
 export interface EntryBeneficiaryRoute {
   account: string;
@@ -161,7 +161,7 @@ export interface JsonMetadata {
   summary?: string;
 }
 
-export type FollowListType = 'follow_blacklist' | 'follow_muted' | 'blacklisted' | 'muted';
+export type FollowListType = 'follow_blacklist' | 'followed_muted_lists' | 'blacklisted' | 'muted';
 
 export interface IMarketStatistics {
   hbd_volume: string;
@@ -272,7 +272,7 @@ export interface IProposal {
 
 export type SavingsWithdrawals = {
   withdrawals: {
-    amount: asset;
+    amount: AssetType;
     complete: Date;
     from: string;
     id: number;
diff --git a/packages/transaction/lib/hive-api.ts b/packages/transaction/lib/hive-api.ts
new file mode 100644
index 0000000000000000000000000000000000000000..9b7e3ab1a372cf8e7706e34594a034d59762ddee
--- /dev/null
+++ b/packages/transaction/lib/hive-api.ts
@@ -0,0 +1,316 @@
+import { AccountFollowStats, AccountProfile, FullAccount } from './app-types';
+import { getChain } from './chain';
+import { ApiAccount, IManabarData } from '@hiveio/wax';
+import {
+  Entry,
+  IAccountReputations,
+  IDynamicGlobalProperties,
+  IFeedHistory,
+  IFollow,
+  IVote,
+  IVoteListItem
+} from './extended-hive.chain';
+import { DATA_LIMIT } from './bridge-api';
+
+interface ISingleManabar {
+  max: string;
+  current: string;
+  percentageValue: number;
+  cooldown: Date;
+}
+interface Manabar {
+  upvote: ISingleManabar;
+  downvote: ISingleManabar;
+  rc: ISingleManabar;
+}
+
+interface IManabars {
+  upvote: IManabarData;
+  downvote: IManabarData;
+  rc: IManabarData;
+  upvoteCooldown: Date;
+  downvoteCooldown: Date;
+  rcCooldown: Date;
+}
+
+export const getManabars = async (accountName: string): Promise<IManabars | null> => {
+  try {
+    const upvoteCooldownPromise = (await getChain()).calculateManabarFullRegenerationTimeForAccount(
+      accountName,
+      0
+    );
+    const downvoteCooldownPromise = (await getChain()).calculateManabarFullRegenerationTimeForAccount(
+      accountName,
+      1
+    );
+    const rcCooldownPromise = (await getChain()).calculateManabarFullRegenerationTimeForAccount(
+      accountName,
+      2
+    );
+    const upvotePromise = (await getChain()).calculateCurrentManabarValueForAccount(accountName, 0);
+    const downvotePromise = (await getChain()).calculateCurrentManabarValueForAccount(accountName, 1);
+    const rcPromise = (await getChain()).calculateCurrentManabarValueForAccount(accountName, 2);
+    const manabars = await Promise.all([
+      upvotePromise,
+      upvoteCooldownPromise,
+      downvotePromise,
+      downvoteCooldownPromise,
+      rcPromise,
+      rcCooldownPromise
+    ]);
+    return {
+      upvote: manabars[0],
+      upvoteCooldown: manabars[1],
+      downvote: manabars[2],
+      downvoteCooldown: manabars[3],
+      rc: manabars[4],
+      rcCooldown: manabars[5]
+    };
+  } catch (error) {
+    console.error(error);
+    return null;
+  }
+};
+export const getManabar = async (accountName: string): Promise<Manabar | null> => {
+  const manabars = await getManabars(accountName!);
+  if (!manabars) return null;
+  const { upvote, upvoteCooldown, downvote, downvoteCooldown, rc, rcCooldown } = manabars;
+
+  const processedManabars = {
+    upvote: {
+      cooldown: upvoteCooldown,
+      max: upvote.max.toString(),
+      current: upvote.current.toString(),
+      percentageValue: upvote.percent
+    },
+    downvote: {
+      cooldown: downvoteCooldown,
+      max: downvote.max.toString(),
+      current: downvote.current.toString(),
+      percentageValue: downvote.percent
+    },
+    rc: {
+      cooldown: rcCooldown,
+      max: rc.max.toString(),
+      current: rc.current.toString(),
+      percentageValue: rc.percent
+    }
+  };
+  return processedManabars;
+};
+
+export const getAccounts = async (usernames: string[]): Promise<FullAccount[]> => {
+  return (await getChain()).api.condenser_api.get_accounts([usernames]).then((resp: any[]): FullAccount[] =>
+    resp.map((x) => {
+      const account: FullAccount = {
+        name: x.name,
+        owner: x.owner,
+        active: x.active,
+        posting: x.posting,
+        memo_key: x.memo_key,
+        post_count: x.post_count,
+        created: x.created,
+        reputation: x.reputation,
+        posting_json_metadata: x.posting_json_metadata,
+        last_vote_time: x.last_vote_time,
+        last_post: x.last_post,
+        json_metadata: x.json_metadata,
+        reward_hive_balance: x.reward_hive_balance,
+        reward_hbd_balance: x.reward_hbd_balance,
+        reward_vesting_hive: x.reward_vesting_hive,
+        governance_vote_expiration_ts: x.governance_vote_expiration_ts,
+        reward_vesting_balance: x.reward_vesting_balance,
+        balance: x.balance,
+        hbd_balance: x.hbd_balance,
+        savings_balance: x.savings_balance,
+        savings_hbd_balance: x.savings_hbd_balance,
+        savings_hbd_last_interest_payment: x.savings_hbd_last_interest_payment,
+        savings_hbd_seconds_last_update: x.savings_hbd_seconds_last_update,
+        savings_hbd_seconds: x.savings_hbd_seconds,
+        next_vesting_withdrawal: x.next_vesting_withdrawal,
+        vesting_shares: x.vesting_shares,
+        delegated_vesting_shares: x.delegated_vesting_shares,
+        received_vesting_shares: x.received_vesting_shares,
+        vesting_withdraw_rate: x.vesting_withdraw_rate,
+        to_withdraw: x.to_withdraw,
+        withdrawn: x.withdrawn,
+        witness_votes: x.witness_votes,
+        proxy: x.proxy,
+        proxied_vsf_votes: x.proxied_vsf_votes,
+        voting_manabar: x.voting_manabar,
+        voting_power: x.voting_power,
+        downvote_manabar: x.downvote_manabar,
+        vesting_balance: x.vesting_balance,
+        __loaded: true
+      };
+
+      let profile: AccountProfile | undefined;
+
+      try {
+        profile = JSON.parse(x.posting_json_metadata!).profile;
+      } catch (e) {}
+
+      if (!profile) {
+        try {
+          profile = JSON.parse(x.json_metadata!).profile;
+        } catch (e) {}
+      }
+
+      if (!profile) {
+        profile = {
+          about: '',
+          cover_image: '',
+          location: '',
+          name: '',
+          profile_image: '',
+          website: ''
+        };
+      }
+
+      return { ...account, profile };
+    })
+  );
+};
+
+export const getAccount = (username: string): Promise<FullAccount> =>
+  getAccounts([username]).then((resp) => resp[0]);
+
+export const getAccountFull = (username: string): Promise<FullAccount> =>
+  getAccount(username).then(async (account) => {
+    let follow_stats: AccountFollowStats | undefined;
+    try {
+      follow_stats = await getFollowCount(username);
+    } catch (e) {}
+    return { ...account, follow_stats };
+  });
+
+export const getFollowCount = async (username: string): Promise<AccountFollowStats> => {
+  return (await getChain()).api.condenser_api.get_follow_count([username]);
+};
+
+/**
+ * Returns list of accounts that reblogged given post, defined by tuple
+ * `[author: string, permlink: string]`.
+ *
+ * @param author
+ * @param permlink
+ * @returns
+ */
+export const getRebloggedBy = async (author: string, permlink: string): Promise<string[]> => {
+  return (await getChain()).api.condenser_api.get_reblogged_by([author, permlink]);
+};
+
+export const getFeedHistory = async (): Promise<IFeedHistory> => {
+  return (await getChain()).api.database_api.get_feed_history();
+};
+
+// See https://developers.hive.io/apidefinitions/#database_api.list_votes
+export const getListVotesByCommentVoter = async (
+  start: [string, string, string] | null, // should be [author, permlink, voter]
+  limit: number
+): Promise<{ votes: IVoteListItem[] }> => {
+  return (await getChain()).api.database_api.list_votes({ start, limit, order: 'by_comment_voter' });
+};
+
+export const getFindAccounts = async (username: string): Promise<{ accounts: ApiAccount[] }> => {
+  return (await getChain()).api.database_api.find_accounts({
+    accounts: [username],
+    delayed_votes_active: false
+  });
+};
+
+export interface IGetFollowParams {
+  account: string;
+  start: string | null;
+  type: string;
+  limit: number;
+}
+
+export const DEFAULT_PARAMS_FOR_FOLLOW: IGetFollowParams = {
+  account: '',
+  start: null,
+  type: 'blog',
+  limit: 50
+};
+
+export const getFollowing = async (params?: Partial<IGetFollowParams>): Promise<IFollow[]> => {
+  try {
+    return (await getChain()).api.condenser_api.get_following([
+      params?.account || DEFAULT_PARAMS_FOR_FOLLOW.account,
+      params?.start || DEFAULT_PARAMS_FOR_FOLLOW.start,
+      params?.type || DEFAULT_PARAMS_FOR_FOLLOW.type,
+      params?.limit || DEFAULT_PARAMS_FOR_FOLLOW.limit
+    ]);
+  } catch (error) {
+    console.error('Error:', error);
+    throw error;
+  }
+};
+
+export const getAccountReputations = async (
+  account_lower_bound: string,
+  limit: number
+): Promise<IAccountReputations[]> => {
+  return (await getChain()).api.condenser_api.get_account_reputations({ account_lower_bound, limit });
+};
+export const getDynamicGlobalProperties = async (): Promise<IDynamicGlobalProperties> => {
+  return (await getChain()).api.condenser_api.get_dynamic_global_properties([]).then((r: any) => {
+    return {
+      total_vesting_fund_hive: r.total_vesting_fund_hive || r.total_vesting_fund_steem,
+      total_vesting_shares: r.total_vesting_shares,
+      hbd_print_rate: r.hbd_print_rate || r.sbd_print_rate,
+      hbd_interest_rate: r.hbd_interest_rate,
+      head_block_number: r.head_block_number,
+      head_block_id: r.head_block_id,
+      vesting_reward_percent: r.vesting_reward_percent,
+      virtual_supply: r.virtual_supply
+    };
+  });
+};
+
+export const getFollowers = async (params?: Partial<IGetFollowParams>): Promise<IFollow[]> => {
+  try {
+    return (await getChain()).api.condenser_api.get_followers([
+      params?.account || DEFAULT_PARAMS_FOR_FOLLOW.account,
+      params?.start || DEFAULT_PARAMS_FOR_FOLLOW.start,
+      params?.type || DEFAULT_PARAMS_FOR_FOLLOW.type,
+      params?.limit || DEFAULT_PARAMS_FOR_FOLLOW.limit
+    ]);
+  } catch (error) {
+    console.error('Error:', error);
+    throw error;
+  }
+};
+
+export const getByText = async ({
+  pattern,
+  sort = 'relevance',
+  author = '',
+  limit = DATA_LIMIT,
+  observer,
+  start_author = '',
+  start_permlink = ''
+}: SearchType): Promise<Entry[]> => {
+  return (await getChain()).api['search-api'].find_text({
+    pattern,
+    sort,
+    author,
+    limit,
+    observer,
+    start_author,
+    start_permlink
+  });
+};
+export interface SearchType {
+  pattern: string;
+  sort?: string;
+  author?: string;
+  limit?: number;
+  observer?: string;
+  start_author?: string;
+  start_permlink?: string;
+}
+
+export const getActiveVotes = async (author: string, permlink: string): Promise<IVote[]> => {
+  return (await getChain()).api.condenser_api.get_active_votes([author, permlink]);
+};
diff --git a/packages/transaction/lib/hive.ts b/packages/transaction/lib/hive.ts
index 7fd1b472e518f8e39fc4830f2818e761eb602faf..877e2379ff382d367d635e00b627d838fc2885ea 100644
--- a/packages/transaction/lib/hive.ts
+++ b/packages/transaction/lib/hive.ts
@@ -1,5 +1,5 @@
-import { AccountFollowStats, AccountProfile, FullAccount } from './app-types';
-import { IManabarData, ApiAccount, AccountAuthorityUpdateOperation } from '@hiveio/wax';
+import { AccountFollowStats } from './app-types';
+import { ApiAccount, AccountAuthorityUpdateOperation } from '@hiveio/wax';
 import { hiveChainService } from './hive-chain-service';
 import { getLogger } from '@ui/lib/logging';
 import {
@@ -19,118 +19,6 @@ const logger = getLogger('app');
 
 const chain = await hiveChainService.getHiveChain();
 
-export const getDynamicGlobalProperties = async (): Promise<IDynamicGlobalProperties> => {
-  return chain.api.condenser_api.get_dynamic_global_properties([]).then((r: any) => {
-    return {
-      total_vesting_fund_hive: r.total_vesting_fund_hive || r.total_vesting_fund_steem,
-      total_vesting_shares: r.total_vesting_shares,
-      hbd_print_rate: r.hbd_print_rate || r.sbd_print_rate,
-      hbd_interest_rate: r.hbd_interest_rate,
-      head_block_number: r.head_block_number,
-      head_block_id: r.head_block_id,
-      vesting_reward_percent: r.vesting_reward_percent,
-      virtual_supply: r.virtual_supply
-    };
-  });
-};
-
-export const getAccounts = async (usernames: string[]): Promise<FullAccount[]> => {
-  return chain.api.condenser_api.get_accounts([usernames]).then((resp: any[]): FullAccount[] =>
-    resp.map((x) => {
-      const account: FullAccount = {
-        name: x.name,
-        owner: x.owner,
-        active: x.active,
-        posting: x.posting,
-        memo_key: x.memo_key,
-        post_count: x.post_count,
-        created: x.created,
-        reputation: x.reputation,
-        posting_json_metadata: x.posting_json_metadata,
-        last_vote_time: x.last_vote_time,
-        last_post: x.last_post,
-        json_metadata: x.json_metadata,
-        reward_hive_balance: x.reward_hive_balance,
-        reward_hbd_balance: x.reward_hbd_balance,
-        reward_vesting_hive: x.reward_vesting_hive,
-        governance_vote_expiration_ts: x.governance_vote_expiration_ts,
-        reward_vesting_balance: x.reward_vesting_balance,
-        balance: x.balance,
-        hbd_balance: x.hbd_balance,
-        savings_balance: x.savings_balance,
-        savings_hbd_balance: x.savings_hbd_balance,
-        savings_hbd_last_interest_payment: x.savings_hbd_last_interest_payment,
-        savings_hbd_seconds_last_update: x.savings_hbd_seconds_last_update,
-        savings_hbd_seconds: x.savings_hbd_seconds,
-        next_vesting_withdrawal: x.next_vesting_withdrawal,
-        vesting_shares: x.vesting_shares,
-        delegated_vesting_shares: x.delegated_vesting_shares,
-        received_vesting_shares: x.received_vesting_shares,
-        vesting_withdraw_rate: x.vesting_withdraw_rate,
-        to_withdraw: x.to_withdraw,
-        withdrawn: x.withdrawn,
-        witness_votes: x.witness_votes,
-        proxy: x.proxy,
-        proxied_vsf_votes: x.proxied_vsf_votes,
-        voting_manabar: x.voting_manabar,
-        voting_power: x.voting_power,
-        downvote_manabar: x.downvote_manabar,
-        vesting_balance: x.vesting_balance,
-        __loaded: true
-      };
-
-      let profile: AccountProfile | undefined;
-
-      try {
-        profile = JSON.parse(x.posting_json_metadata!).profile;
-      } catch (e) {}
-
-      if (!profile) {
-        try {
-          profile = JSON.parse(x.json_metadata!).profile;
-        } catch (e) {}
-      }
-
-      if (!profile) {
-        profile = {
-          about: '',
-          cover_image: '',
-          location: '',
-          name: '',
-          profile_image: '',
-          website: ''
-        };
-      }
-
-      return { ...account, profile };
-    })
-  );
-};
-
-export const getAccount = (username: string): Promise<FullAccount> =>
-  getAccounts([username]).then((resp) => resp[0]);
-
-export const getAccountFull = (username: string): Promise<FullAccount> =>
-  getAccount(username).then(async (account) => {
-    let follow_stats: AccountFollowStats | undefined;
-    try {
-      follow_stats = await getFollowCount(username);
-    } catch (e) {}
-    return { ...account, follow_stats };
-  });
-
-export const getFindAccounts = (username: string): Promise<{ accounts: ApiAccount[] }> => {
-  return chain.api.database_api.find_accounts({ accounts: [username], delayed_votes_active: false });
-};
-
-export const getFeedHistory = async (): Promise<IFeedHistory> => {
-  return chain.api.database_api.get_feed_history();
-};
-
-export const getFollowCount = async (username: string): Promise<AccountFollowStats> => {
-  return chain.api.condenser_api.get_follow_count([username]);
-};
-
 export interface IDynamicProps {
   hivePerMVests: number;
   base: number;
@@ -150,148 +38,6 @@ export const getPost = async (username: string, permlink: string): Promise<IPost
   return chain.api.condenser_api.get_content([username, permlink]);
 };
 
-export const getAccountReputations = async (
-  account_lower_bound: string,
-  limit: number
-): Promise<IAccountReputations[]> => {
-  return chain.api.condenser_api.get_account_reputations({ account_lower_bound, limit });
-};
-
-export const getActiveVotes = async (author: string, permlink: string): Promise<IVote[]> => {
-  return chain.api.condenser_api.get_active_votes([author, permlink]);
-};
-
-export interface IGetFollowParams {
-  account: string;
-  start: string | null;
-  type: string;
-  limit: number;
-}
-export const DEFAULT_PARAMS_FOR_FOLLOW: IGetFollowParams = {
-  account: '',
-  start: null,
-  type: 'blog',
-  limit: 50
-};
-
-export const getFollowers = async (params?: Partial<IGetFollowParams>): Promise<IFollow[]> => {
-  try {
-    return chain.api.condenser_api.get_followers([
-      params?.account || DEFAULT_PARAMS_FOR_FOLLOW.account,
-      params?.start || DEFAULT_PARAMS_FOR_FOLLOW.start,
-      params?.type || DEFAULT_PARAMS_FOR_FOLLOW.type,
-      params?.limit || DEFAULT_PARAMS_FOR_FOLLOW.limit
-    ]);
-  } catch (error) {
-    console.error('Error:', error);
-    throw error;
-  }
-};
-
-export const getFollowing = async (params?: Partial<IGetFollowParams>): Promise<IFollow[]> => {
-  try {
-    return chain.api.condenser_api.get_following([
-      params?.account || DEFAULT_PARAMS_FOR_FOLLOW.account,
-      params?.start || DEFAULT_PARAMS_FOR_FOLLOW.start,
-      params?.type || DEFAULT_PARAMS_FOR_FOLLOW.type,
-      params?.limit || DEFAULT_PARAMS_FOR_FOLLOW.limit
-    ]);
-  } catch (error) {
-    console.error('Error:', error);
-    throw error;
-  }
-};
-
-/**
- * Returns list of accounts that reblogged given post, defined by tuple
- * `[author: string, permlink: string]`.
- *
- * @param author
- * @param permlink
- * @returns
- */
-export const getRebloggedBy = async (author: string, permlink: string): Promise<string[]> => {
-  return chain.api.condenser_api.get_reblogged_by([author, permlink]);
-};
-
-interface IManabars {
-  upvote: IManabarData;
-  downvote: IManabarData;
-  rc: IManabarData;
-  upvoteCooldown: Date;
-  downvoteCooldown: Date;
-  rcCooldown: Date;
-}
-
-interface ISingleManabar {
-  max: string;
-  current: string;
-  percentageValue: number;
-  cooldown: Date;
-}
-
-interface Manabar {
-  upvote: ISingleManabar;
-  downvote: ISingleManabar;
-  rc: ISingleManabar;
-}
-export const getManabars = async (accountName: string): Promise<IManabars | null> => {
-  try {
-    const upvoteCooldownPromise = chain.calculateManabarFullRegenerationTimeForAccount(accountName, 0);
-    const downvoteCooldownPromise = chain.calculateManabarFullRegenerationTimeForAccount(accountName, 1);
-    const rcCooldownPromise = chain.calculateManabarFullRegenerationTimeForAccount(accountName, 2);
-    const upvotePromise = chain.calculateCurrentManabarValueForAccount(accountName, 0);
-    const downvotePromise = chain.calculateCurrentManabarValueForAccount(accountName, 1);
-    const rcPromise = chain.calculateCurrentManabarValueForAccount(accountName, 2);
-    const manabars = await Promise.all([
-      upvotePromise,
-      upvoteCooldownPromise,
-      downvotePromise,
-      downvoteCooldownPromise,
-      rcPromise,
-      rcCooldownPromise
-    ]);
-    return {
-      upvote: manabars[0],
-      upvoteCooldown: manabars[1],
-      downvote: manabars[2],
-      downvoteCooldown: manabars[3],
-      rc: manabars[4],
-      rcCooldown: manabars[5]
-    };
-  } catch (error) {
-    console.error(error);
-    return null;
-  }
-};
-export const getManabar = async (accountName: string): Promise<Manabar | null> => {
-  const manabars = await getManabars(accountName!);
-  if (!manabars) return null;
-  const { upvote, upvoteCooldown, downvote, downvoteCooldown, rc, rcCooldown } = manabars;
-
-  const processedManabars: Manabar = {
-    upvote: {
-      cooldown: upvoteCooldown,
-      max: upvote.max.toString(),
-      current: upvote.current.toString(),
-      percentageValue: upvote.percent
-    },
-    downvote: {
-      cooldown: downvoteCooldown,
-      max: downvote.max.toString(),
-      current: downvote.current.toString(),
-      percentageValue: downvote.percent
-    },
-    rc: {
-      cooldown: rcCooldown,
-      max: rc.max.toString(),
-      current: rc.current.toString(),
-      percentageValue: rc.percent
-    }
-  };
-  return processedManabars;
-};
-
 export const getListWitnessVotes = async (
   username: string,
   limit: number,
@@ -300,14 +46,6 @@ export const getListWitnessVotes = async (
   return chain.api.database_api.list_witness_votes({ start: [username, ''], limit, order });
 };
 
-// See https://developers.hive.io/apidefinitions/#database_api.list_votes
-export const getListVotesByCommentVoter = async (
-  start: [string, string, string] | null, // should be [author, permlink, voter]
-  limit: number
-): Promise<{ votes: IVoteListItem[] }> => {
-  return chain.api.database_api.list_votes({ start, limit, order: 'by_comment_voter' });
-};
-
 export const getAuthority = async (username: string): Promise<AccountAuthorityUpdateOperation> => {
   const chain = await hiveChainService.getHiveChain();
   const operation = await AccountAuthorityUpdateOperation.createFor(chain, username);
@@ -347,32 +85,3 @@ export const getPrivateKeys = async (
   );
   return keys;
 };
-
-export const getByText = async ({
-  pattern,
-  sort = 'relevance',
-  author = '',
-  limit = DATA_LIMIT,
-  observer,
-  start_author = '',
-  start_permlink = ''
-}: SearchType): Promise<Entry[]> => {
-  return chain.api['search-api'].find_text({
-    pattern,
-    sort,
-    author,
-    limit,
-    observer,
-    start_author,
-    start_permlink
-  });
-};
-export interface SearchType {
-  pattern: string;
-  sort?: string;
-  author?: string;
-  limit?: number;
-  observer?: string;
-  start_author?: string;
-  start_permlink?: string;
-}
diff --git a/apps/blog/lib/get-data.tsx b/packages/transaction/lib/hivesense-api.ts
similarity index 70%
rename from apps/blog/lib/get-data.tsx
rename to packages/transaction/lib/hivesense-api.ts
index ec5e288c5b04410d638118620e690a9dc6a4ae2b..26d85fdbd91d9ca87a9b941a04eaf0eb742b5eda 100644
--- a/apps/blog/lib/get-data.tsx
+++ b/packages/transaction/lib/hivesense-api.ts
@@ -1,15 +1,11 @@
-import env from '@beam-australia/react-env';
-import { Entry, PostStub, MixedPostsResponse } from '@transaction/lib/extended-hive.chain';
-import { hiveChainService } from '@transaction/lib/hive-chain-service';
-import { configuredAIDomain } from '@ui/config/public-vars';
 import { logger } from '@ui/lib/logger';
-
-const chain = await hiveChainService.getHiveChain();
+import { Entry, MixedPostsResponse, PostStub } from './extended-hive.chain';
+import { getChain } from './chain';
 
 const logStandarizedError = (methodName: string, error: unknown): null => {
-    logger.error(`Error in ${methodName}`, error);
-    throw new Error(`Error in ${methodName}`);
-}
+  logger.error(`Error in ${methodName}`, error);
+  throw new Error(`Error in ${methodName}`);
+};
 
 export const getSimilarPosts = async ({
   pattern,
@@ -27,19 +23,28 @@ export const getSimilarPosts = async ({
   start_permlink: string;
 }): Promise<Entry[] | null> => {
   try {
-    const response = await chain.restApi['hivesense-api'].similarposts({posts_limit: limit, tr_body, pattern, observer, start_author, start_permlink})
+    const response = await (
+      await getChain()
+    ).restApi['hivesense-api'].similarposts({
+      posts_limit: limit,
+      tr_body,
+      pattern,
+      observer,
+      start_author,
+      start_permlink
+    });
     return response;
   } catch (error) {
-    return logStandarizedError("getSimilarPosts", error);
+    return logStandarizedError('getSimilarPosts', error);
   }
 };
 
 export const getHiveSenseStatus = async (): Promise<boolean> => {
   try {
-    const response = await chain.restApi['hivesense-api']();
-    return response.info.title === "Hivesense";
+    const response = await (await getChain()).restApi['hivesense-api']();
+    return response.info.title === 'Hivesense';
   } catch (error) {
-    return !!logStandarizedError("getHiveSenseStatus", error);
+    return !!logStandarizedError('getHiveSenseStatus', error);
   }
 };
 
@@ -58,34 +63,34 @@ export const getSuggestions = async ({
 }): Promise<Entry[] | null> => {
   try {
     // Use the new endpoint format: /posts/{author}/{permlink}/similar
-    const baseUrl = (chain.restApi['hivesense-api'].endpointUrl || chain.endpointUrl).replace(/\/$/, '');
-    
+    const baseUrl = (await getChain()).restApi['hivesense-api'].endpointUrl || (await getChain()).endpointUrl;
+
     const params = new URLSearchParams({
       truncate: tr_body.toString(),
       result_limit: posts_limit.toString(),
       full_posts: posts_limit.toString(), // For suggestions, we want all results as full posts
       observer
     });
-    
+
     const url = `${baseUrl}/hivesense-api/posts/${encodeURIComponent(author)}/${encodeURIComponent(permlink)}/similar?${params}`;
-    
+
     const response = await fetch(url, {
       method: 'GET',
       headers: {
-        'Accept': 'application/json'
+        Accept: 'application/json'
       }
     });
-    
+
     if (!response.ok) {
       throw new Error(`HTTP error! status: ${response.status}`);
     }
-    
+
     const data = await response.json();
     // The new endpoint returns MixedPostsResponse, but getSuggestions expects Entry[]
     // Extract just the full posts array
-    return Array.isArray(data) ? data : (data.posts || data);
+    return Array.isArray(data) ? data : data.posts || data;
   } catch (error) {
-    return logStandarizedError("getSuggestions", error);
+    return logStandarizedError('getSuggestions', error);
   }
 };
 
@@ -105,7 +110,7 @@ export const searchPosts = async ({
   observer: string;
 }): Promise<MixedPostsResponse | null> => {
   try {
-    const response = await chain.restApi['hivesense-api']['posts/search']({
+    const response = (await getChain()).restApi['hivesense-api']['posts/search']({
       q: query,
       truncate,
       result_limit,
@@ -114,7 +119,7 @@ export const searchPosts = async ({
     });
     return response;
   } catch (error) {
-    return logStandarizedError("searchPosts", error);
+    return logStandarizedError('searchPosts', error);
   }
 };
 
@@ -135,32 +140,32 @@ export const getSimilarPostsByPost = async ({
 }): Promise<MixedPostsResponse | null> => {
   try {
     // Use the new endpoint format: /posts/{author}/{permlink}/similar
-    const baseUrl = (chain.restApi['hivesense-api'].endpointUrl || chain.endpointUrl).replace(/\/$/, '');
-    
+    const baseUrl = (await getChain()).restApi['hivesense-api'].endpointUrl || (await getChain()).endpointUrl;
+
     const params = new URLSearchParams({
       truncate: truncate.toString(),
       result_limit: result_limit.toString(),
       full_posts: full_posts.toString(),
       observer
     });
-    
+
     const url = `${baseUrl}/hivesense-api/posts/${encodeURIComponent(author)}/${encodeURIComponent(permlink)}/similar?${params}`;
-    
+
     const response = await fetch(url, {
       method: 'GET',
       headers: {
-        'Accept': 'application/json'
+        Accept: 'application/json'
       }
     });
-    
+
     if (!response.ok) {
       throw new Error(`HTTP error! status: ${response.status}`);
     }
-    
+
     const data = await response.json();
     return data;
   } catch (error) {
-    return logStandarizedError("getSimilarPostsByPost", error);
+    return logStandarizedError('getSimilarPostsByPost', error);
   }
 };
 
@@ -175,37 +180,37 @@ export const getPostsByIds = async ({
 }): Promise<Entry[] | null> => {
   try {
     // Use POST endpoint to handle more than 10 posts (up to 50)
-    const baseUrl = (chain.restApi['hivesense-api'].endpointUrl || chain.endpointUrl).replace(/\/$/, '');
-    
+    const baseUrl = (await getChain()).restApi['hivesense-api'].endpointUrl || (await getChain()).endpointUrl;
+
     const url = `${baseUrl}/hivesense-api/posts/by-ids`;
-    
+
     const requestBody = {
       posts,
       truncate,
       observer
     };
-    
+
     const response = await fetch(url, {
       method: 'POST',
       headers: {
         'Content-Type': 'application/json',
-        'Accept': 'application/json'
+        Accept: 'application/json'
       },
       body: JSON.stringify(requestBody)
     });
-    
+
     if (!response.ok) {
       throw new Error(`HTTP error! status: ${response.status}`);
     }
-    
+
     const data = await response.json();
     // Filter out null or invalid posts before returning
     if (Array.isArray(data)) {
-      return data.filter(post => post && (post as Entry).post_id);
+      return data.filter((post) => post && (post as Entry).post_id);
     }
     return data;
   } catch (error) {
-    return logStandarizedError("getPostsByIds", error);
+    return logStandarizedError('getPostsByIds', error);
   }
 };
 
diff --git a/packages/transaction/lib/utils.ts b/packages/transaction/lib/utils.ts
index 19c1b5af6089c77a6aa79696be0c80a2d0032ea4..24f81b303018238259fee433b59f860fee1edfaa 100644
--- a/packages/transaction/lib/utils.ts
+++ b/packages/transaction/lib/utils.ts
@@ -1,8 +1,8 @@
 import getSlug from 'speakingurl';
 import base58 from 'bs58';
 import secureRandom from 'secure-random';
-import { getPostHeader } from './bridge';
-import { asset } from '@hiveio/wax';
+import { getPostHeader } from './bridge-api';
+import { asset as assetFn } from '@hiveio/wax';
 
 export const HIVE_NAI_STRING = '@@000000021';
 export const HIVE_PRECISION = 3;
@@ -18,19 +18,19 @@ export const VESTS_PRECISION = 6;
 export const createAsset = (amount: string, token: 'HIVE' | 'HBD' | 'VESTS') => {
   switch (token) {
     case 'HIVE':
-      return asset.create({
+      return assetFn.create({
         amount,
         precision: HIVE_PRECISION,
         nai: HIVE_NAI_STRING
       });
     case 'HBD':
-      return asset.create({
+      return assetFn.create({
         amount,
         precision: HBD_PRECISION,
         nai: HBD_NAI_STRING
       });
     case 'VESTS':
-      return asset.create({
+      return assetFn.create({
         amount,
         precision: VESTS_PRECISION,
         nai: VESTS_NAI_STRING
diff --git a/packages/ui/components/form.tsx b/packages/ui/components/form.tsx
index 52ea1020efb029595a6269b02731ee90d27fcdad..642cf27046a37661ddb959510e576ee15cb03db0 100644
--- a/packages/ui/components/form.tsx
+++ b/packages/ui/components/form.tsx
@@ -1,17 +1,19 @@
-import * as React from "react";
-import * as LabelPrimitive from "@radix-ui/react-label";
-import { Slot } from "@radix-ui/react-slot";
+'use client';
+
+import * as React from 'react';
+import * as LabelPrimitive from '@radix-ui/react-label';
+import { Slot } from '@radix-ui/react-slot';
 import {
   Controller,
   ControllerProps,
   FieldPath,
   FieldValues,
   FormProvider,
-  useFormContext,
-} from "react-hook-form";
+  useFormContext
+} from 'react-hook-form';
 
-import { cn } from "@ui/lib/utils";
-import { Label } from "@ui/components/label";
+import { cn } from '@ui/lib/utils';
+import { Label } from '@ui/components/label';
 
 const Form = FormProvider;
 
@@ -22,9 +24,7 @@ type FormFieldContextValue<
   name: TName;
 };
 
-const FormFieldContext = React.createContext<FormFieldContextValue>(
-  {} as FormFieldContextValue
-);
+const FormFieldContext = React.createContext<FormFieldContextValue>({} as FormFieldContextValue);
 
 const FormField = <
   TFieldValues extends FieldValues = FieldValues,
@@ -47,7 +47,7 @@ const useFormField = () => {
   const fieldState = getFieldState(fieldContext.name, formState);
 
   if (!fieldContext) {
-    throw new Error("useFormField should be used within <FormField>");
+    throw new Error('useFormField should be used within <FormField>');
   }
 
   const { id } = itemContext;
@@ -58,7 +58,7 @@ const useFormField = () => {
     formItemId: `${id}-form-item`,
     formDescriptionId: `${id}-form-item-description`,
     formMessageId: `${id}-form-item-message`,
-    ...fieldState,
+    ...fieldState
   };
 };
 
@@ -66,23 +66,20 @@ type FormItemContextValue = {
   id: string;
 };
 
-const FormItemContext = React.createContext<FormItemContextValue>(
-  {} as FormItemContextValue
-);
+const FormItemContext = React.createContext<FormItemContextValue>({} as FormItemContextValue);
 
-const FormItem = React.forwardRef<
-  HTMLDivElement,
-  React.HTMLAttributes<HTMLDivElement>
->(({ className, ...props }, ref) => {
-  const id = React.useId();
+const FormItem = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(
+  ({ className, ...props }, ref) => {
+    const id = React.useId();
 
-  return (
-    <FormItemContext.Provider value={{ id }}>
-      <div ref={ref} className={cn("space-y-2", className)} {...props} />
-    </FormItemContext.Provider>
-  );
-});
-FormItem.displayName = "FormItem";
+    return (
+      <FormItemContext.Provider value={{ id }}>
+        <div ref={ref} className={cn('space-y-2', className)} {...props} />
+      </FormItemContext.Provider>
+    );
+  }
+);
+FormItem.displayName = 'FormItem';
 
 const FormLabel = React.forwardRef<
   React.ElementRef<typeof LabelPrimitive.Root>,
@@ -91,87 +88,66 @@ const FormLabel = React.forwardRef<
   const { error, formItemId } = useFormField();
 
   return (
-    <Label
-      ref={ref}
-      className={cn(error && "text-destructive", className)}
-      htmlFor={formItemId}
-      {...props}
-    />
+    <Label ref={ref} className={cn(error && 'text-destructive', className)} htmlFor={formItemId} {...props} />
   );
 });
-FormLabel.displayName = "FormLabel";
+FormLabel.displayName = 'FormLabel';
 
 const FormControl = React.forwardRef<
   React.ElementRef<typeof Slot>,
   React.ComponentPropsWithoutRef<typeof Slot>
 >(({ ...props }, ref) => {
-  const { error, formItemId, formDescriptionId, formMessageId } =
-    useFormField();
+  const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
 
   return (
     <Slot
       ref={ref}
       id={formItemId}
-      aria-describedby={
-        !error
-          ? `${formDescriptionId}`
-          : `${formDescriptionId} ${formMessageId}`
-      }
+      aria-describedby={!error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`}
       aria-invalid={!!error}
       {...props}
     />
   );
 });
-FormControl.displayName = "FormControl";
-
-const FormDescription = React.forwardRef<
-  HTMLParagraphElement,
-  React.HTMLAttributes<HTMLParagraphElement>
->(({ className, ...props }, ref) => {
-  const { formDescriptionId } = useFormField();
-
-  return (
-    <p
-      ref={ref}
-      id={formDescriptionId}
-      className={cn("text-sm text-muted-foreground", className)}
-      {...props}
-    />
-  );
-});
-FormDescription.displayName = "FormDescription";
-
-const FormMessage = React.forwardRef<
-  HTMLParagraphElement,
-  React.HTMLAttributes<HTMLParagraphElement>
->(({ className, children, ...props }, ref) => {
-  const { error, formMessageId } = useFormField();
-  const body = children || String(error?.message || "");
-
-  if (!body) {
-    return null;
+FormControl.displayName = 'FormControl';
+
+const FormDescription = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLParagraphElement>>(
+  ({ className, ...props }, ref) => {
+    const { formDescriptionId } = useFormField();
+
+    return (
+      <p
+        ref={ref}
+        id={formDescriptionId}
+        className={cn('text-sm text-muted-foreground', className)}
+        {...props}
+      />
+    );
+  }
+);
+FormDescription.displayName = 'FormDescription';
+
+const FormMessage = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLParagraphElement>>(
+  ({ className, children, ...props }, ref) => {
+    const { error, formMessageId } = useFormField();
+    const body = children || String(error?.message || '');
+
+    if (!body) {
+      return null;
+    }
+
+    return (
+      <p
+        ref={ref}
+        id={formMessageId}
+        className={cn('text-sm font-medium text-destructive', className)}
+        {...props}
+      >
+        {body}
+      </p>
+    );
   }
+);
+FormMessage.displayName = 'FormMessage';
 
-  return (
-    <p
-      ref={ref}
-      id={formMessageId}
-      className={cn("text-sm font-medium text-destructive", className)}
-      {...props}
-    >
-      {body}
-    </p>
-  );
-});
-FormMessage.displayName = "FormMessage";
-
-export {
-  useFormField,
-  Form,
-  FormItem,
-  FormLabel,
-  FormControl,
-  FormDescription,
-  FormMessage,
-  FormField,
-};
+export { useFormField, Form, FormItem, FormLabel, FormControl, FormDescription, FormMessage, FormField };
diff --git a/packages/ui/components/loading.tsx b/packages/ui/components/loading.tsx
index 066e22b2fcd8bac70a61540bafef26119b834380..74cdfbdadfaa9319b0e785de258d5258d528e1d1 100644
--- a/packages/ui/components/loading.tsx
+++ b/packages/ui/components/loading.tsx
@@ -1,10 +1,14 @@
+'use client';
+
 import clsx from 'clsx';
-import { TraceSpinner } from 'react-spinners-kit';
+import { Icons } from './icons';
 
 const Loading = ({ loading, className }: { loading: boolean; className?: string }) => {
+  if (!loading) return null;
+
   return (
     <div className={clsx('flex h-full w-full items-center justify-center pt-16', className)}>
-      <TraceSpinner size={50} frontColor="#dc2626" backColor="#f67173" loading={loading} />
+      <Icons.spinner className="h-12 w-12 animate-spin text-red-600" />
     </div>
   );
 };
diff --git a/packages/ui/components/mode-select.tsx b/packages/ui/components/mode-select.tsx
index d8cc44e8b4668abd5f05e1b40dc7e72e47d59f0f..97e6f205b116be6493c49dc092e55b64cce8020f 100644
--- a/packages/ui/components/mode-select.tsx
+++ b/packages/ui/components/mode-select.tsx
@@ -1,4 +1,4 @@
-import { SearchMode } from '@ui/hooks/useSearch';
+import { SearchMode } from '@ui/hooks/use-search';
 import { Select, CustomSelectContent, CustomSelectItem, SelectTrigger, SelectValue } from './select';
 import { Bot, Hash, Search, User } from 'lucide-react';
 
@@ -34,7 +34,7 @@ const ModeSelect = ({
             viewBox="0 0 24 24"
             fill="none"
             stroke="currentColor"
-            stroke-width="2"
+            strokeWidth="2"
             className="h-4 w-4"
           >
             <path d="M11.5 15H7a4 4 0 0 0-4 4v2" />
diff --git a/packages/ui/components/mode-switch-input.tsx b/packages/ui/components/mode-switch-input.tsx
index 8d1243ec36cf63ab580f32a25d0a1bf5b2750bb5..abc502e3e184d2c6f0bb2c44c6d2d2d05c34bb3d 100644
--- a/packages/ui/components/mode-switch-input.tsx
+++ b/packages/ui/components/mode-switch-input.tsx
@@ -1,6 +1,6 @@
 import React, { KeyboardEvent, useRef } from 'react';
 import { cn } from '@ui/lib/utils';
-import { SearchMode, useSearch } from '@ui/hooks/useSearch';
+import { SearchMode, useSearch } from '@ui/hooks/use-search';
 import SearchSortSelect from './search-select';
 import ModeSelect from './mode-select';
 import clsx from 'clsx';
diff --git a/packages/ui/components/search-select.tsx b/packages/ui/components/search-select.tsx
index 5c84a85d3c37d6453a1f3e77ef5ec10666ec4ff8..e42133ab8d4705a50e6af096074801eccbc75ef8 100644
--- a/packages/ui/components/search-select.tsx
+++ b/packages/ui/components/search-select.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import {
   Select,
   SelectContent,
@@ -7,8 +9,7 @@ import {
   SelectValue
 } from '@ui/components/select';
 import { Label } from '@ui/components/label';
-import { useTranslation } from 'next-i18next';
-import { SearchMode, SearchSort, useSearch } from '@ui/hooks/useSearch';
+import { SearchMode, SearchSort, useSearch } from '@ui/hooks/use-search';
 
 function SearchSortSelect({
   value,
@@ -19,7 +20,6 @@ function SearchSortSelect({
   secondValue: string;
   mode: SearchMode;
 }) {
-  const { t } = useTranslation('common_blog');
   const { handleSearch, sortQuery } = useSearch();
   const onValueChange = (sortValue: SearchSort) => {
     if (mode === 'userTopic') {
@@ -36,8 +36,8 @@ function SearchSortSelect({
       </SelectTrigger>
       <SelectContent>
         <SelectGroup>
-          <SelectItem value="created">{t('select_sort.search_sorter.newest')}</SelectItem>
-          <SelectItem value="relevance">{t('select_sort.search_sorter.relevance')}</SelectItem>
+          <SelectItem value="created">Newest</SelectItem>
+          <SelectItem value="relevance">Relevance</SelectItem>
         </SelectGroup>
       </SelectContent>
     </Select>
diff --git a/packages/ui/components/tooltip-container.tsx b/packages/ui/components/tooltip-container.tsx
index a127a5e4bd08dbde763d5a230cdf69610624e904..acd19118505fcd4f7ca4e78457810c571809cc69 100644
--- a/packages/ui/components/tooltip-container.tsx
+++ b/packages/ui/components/tooltip-container.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import { ReactNode } from 'react';
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@ui/components/tooltip';
 
diff --git a/packages/ui/hooks/useSearch.ts b/packages/ui/hooks/use-search.ts
similarity index 74%
rename from packages/ui/hooks/useSearch.ts
rename to packages/ui/hooks/use-search.ts
index 293e60e96fa3c19230d20b860b2785df478bfd37..f0d77a0f51d183a0d80be8431ab6e08db79ed34d 100644
--- a/packages/ui/hooks/useSearch.ts
+++ b/packages/ui/hooks/use-search.ts
@@ -1,4 +1,5 @@
-import { useRouter } from 'next/router';
+import { useSearchParams } from 'next/navigation';
+import { useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
 
 export type SearchMode = 'ai' | 'classic' | 'account' | 'userTopic' | 'tag';
@@ -15,12 +16,14 @@ const getMode = (
 };
 
 export function useSearch() {
+  const searchParams = useSearchParams();
   const router = useRouter();
-  const query = router.query.q as string;
-  const aiQuery = router.query.ai as string;
-  const userTopicQuery = router.query.a as string;
-  const topicQuery = router.query.p as string;
-  const sortQuery = router.query.s as SearchSort | undefined;
+
+  const query = searchParams?.get('q') ?? undefined;
+  const aiQuery = searchParams?.get('ai') ?? undefined;
+  const userTopicQuery = searchParams?.get('a') ?? undefined;
+  const topicQuery = searchParams?.get('p') ?? undefined;
+  const sortQuery = searchParams?.get('s') ?? undefined;
 
   const currentMode = getMode(query, aiQuery, userTopicQuery);
   const [inputValue, setInputValue] = useState(query ?? aiQuery ?? topicQuery ?? '');
@@ -57,17 +60,8 @@ export function useSearch() {
   ) => {
     if (!value) return;
     switch (currentMode) {
-      case 'tag':
-        router.push(`/trending/${encodeURIComponent(value)}`);
-        break;
       case 'account':
-        // Use window.location for subdirectory deployments to ensure catch-all route works
-        if (router.basePath) {
-          window.location.href = `${router.basePath}/@${encodeURIComponent(value)}`;
-        } else {
-          // Use client-side navigation for root deployments (faster)
-          router.push(`/@${encodeURIComponent(value)}`);
-        }
+        router.push(`/@${encodeURIComponent(value)}`);
         break;
       case 'ai':
         router.push(`/search?ai=${encodeURIComponent(value)}`);
diff --git a/packages/ui/lib/common-middleware.ts b/packages/ui/lib/common-middleware.ts
deleted file mode 100644
index 7da1ecb0d57995cbcc3dfab1cb699bcc1a173cba..0000000000000000000000000000000000000000
--- a/packages/ui/lib/common-middleware.ts
+++ /dev/null
@@ -1,60 +0,0 @@
-import { NextResponse } from 'next/server';
-import type { NextRequest } from 'next/server';
-import { setLoginChallengeCookies } from '@hive/smart-signer/lib/middleware-challenge-cookies';
-import { configuredApiEndpoint } from '@hive/ui/config/public-vars';
-
-export async function commonMiddleware(request: NextRequest) {
-  const { pathname } = request.nextUrl;
-  const res = NextResponse.next();
-
-  const tempArr = pathname.split('/');
-  let entry: any = null;
-  if (tempArr.length === 3 && tempArr[1].startsWith('@')) {
-    let author = tempArr[1].slice(1);
-    let permlink = tempArr[2];
-    try {
-      const resp = await fetch(configuredApiEndpoint, {
-        method: 'POST',
-        body: JSON.stringify({
-          jsonrpc: '2.0',
-          method: 'bridge.get_post',
-          params: { author: author, permlink: permlink, observer: '' },
-          id: 1
-        })
-      });
-      entry = await resp.json();
-      return NextResponse.redirect(
-        new URL(`/${entry.result.community}/@${entry.result.author}/${entry.result.permlink}`, request.url)
-      );
-    } catch (e: any) {
-      console.log(e.message);
-    }
-  }
-
-  /*
-  Set cookies with loginChallenge value set to random string (UID).
-  * Match all request paths except for the ones starting with:
-  * - api (API routes)
-  * - _next/static (static files)
-  * - _next/image (image optimization files)
-  * - favicon.ico (favicon file)
-  */
-  if (pathname.match('/((?!api|_next/static|_next/image|favicon.ico).*)')) {
-    setLoginChallengeCookies(request, res);
-  }
-
-  return res;
-}
-
-// export const config = {
-//   matcher: [
-//       /*
-//       * Match all paths except for:
-//       * 1. /api routes
-//       * 2. /_next (Next.js internals)
-//       * 3. /_static (inside /public)
-//       * 4. all root files inside /public (e.g. /favicon.ico)
-//       */
-//       '/((?!api/|_next/|_static/|_vercel|[\\w-]+.\\w+).*)'
-//   ]
-// };
diff --git a/packages/ui/lib/handle-error.tsx b/packages/ui/lib/handle-error.tsx
index 2586f36dd72be4277971e07674082cd54c15082c..78b90113270de20d03fdd0b9c1183aebbc7f0d27 100644
--- a/packages/ui/lib/handle-error.tsx
+++ b/packages/ui/lib/handle-error.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import { transformError } from '@hive/transaction/lib/transform-error';
 import ErrorToastContent from '@ui/components/error-toast-content';
 import { toast, Toast } from '@ui/components/hooks/use-toast';
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index fd0b62f5476669eae8f8a80f4d203d2be882f853..8ba8c8b49f79e9f9240303e0f939c5f6fb4cc290 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -7,20 +7,20 @@ settings:
 catalogs:
   hiveio-toolset:
     '@hiveio/hb-auth':
-      specifier: 0.0.1-stable.250718112633
-      version: 0.0.1-stable.250718112633
+      specifier: 1.27.12-rc3-251105124922
+      version: 1.27.12-rc3-251105124922
     '@hiveio/healthchecker-component':
-      specifier: 1.0.0-stable.250821060201
-      version: 1.0.0-stable.250821060201
+      specifier: 1.0.0-stable.251106092955
+      version: 1.0.0-stable.251106092955
     '@hiveio/wax':
-      specifier: 1.27.6-rc10-stable.250718075612
-      version: 1.27.6-rc10-stable.250718075612
+      specifier: 1.27.12-rc3-251105101534
+      version: 1.27.12-rc3-251105101534
     '@hiveio/wax-signers-keychain':
-      specifier: 1.27.6-rc10-stable.250718075612
-      version: 1.27.6-rc10-stable.250718075612
+      specifier: 1.27.12-rc3-251105101534
+      version: 1.27.12-rc3-251105101534
     '@hiveio/workerbee':
-      specifier: 1.27.6-rc13-stable.250718112733
-      version: 1.27.6-rc13-stable.250718112733
+      specifier: 1.27.12-rc3-251105124317
+      version: 1.27.12-rc3-251105124317
 
 importers:
 
@@ -62,13 +62,13 @@ importers:
         version: link:../../packages/ui
       '@hiveio/wax':
         specifier: catalog:hiveio-toolset
-        version: 1.27.6-rc10-stable.250718075612
+        version: 1.27.12-rc3-251105101534
       '@hookform/resolvers':
         specifier: ^3.3.1
         version: 3.10.0(react-hook-form@7.54.2(react@18.3.0))
       '@tanstack/react-query':
         specifier: ^4.36.1
-        version: 4.36.1(react-dom@18.3.0(react@18.3.0))(react@18.3.0)
+        version: 4.41.0(react-dom@18.3.0(react@18.3.0))(react@18.3.0)
       http-errors:
         specifier: ^2.0.0
         version: 2.0.0
@@ -114,7 +114,7 @@ importers:
         version: 14.2.23
       '@tanstack/react-query-devtools':
         specifier: ^4.36.1
-        version: 4.36.1(@tanstack/react-query@4.36.1(react-dom@18.3.0(react@18.3.0))(react@18.3.0))(react-dom@18.3.0(react@18.3.0))(react@18.3.0)
+        version: 4.36.1(@tanstack/react-query@4.41.0(react-dom@18.3.0(react@18.3.0))(react@18.3.0))(react-dom@18.3.0(react@18.3.0))(react@18.3.0)
       '@testing-library/jest-dom':
         specifier: ^6.1.4
         version: 6.6.3
@@ -192,10 +192,10 @@ importers:
         version: link:../../packages/ui
       '@hiveio/healthchecker-component':
         specifier: catalog:hiveio-toolset
-        version: 1.0.0-stable.250821060201(@hiveio/wax@1.27.6-rc10-stable.250718075612)(react-dom@18.3.0(react@18.3.0))(react@18.3.0)(tailwindcss@3.4.6(ts-node@10.9.2(@types/node@20.10.4)(typescript@5.3.3)))
+        version: 1.0.0-stable.251106092955(@hiveio/wax@1.27.12-rc3-251105101534)(react-dom@18.3.0(react@18.3.0))(react@18.3.0)(tailwindcss@3.4.6(ts-node@10.9.2(@types/node@20.10.4)(typescript@5.3.3)))
       '@hiveio/wax':
         specifier: catalog:hiveio-toolset
-        version: 1.27.6-rc10-stable.250718075612
+        version: 1.27.12-rc3-251105101534
       '@hookform/resolvers':
         specifier: ^3.1.1
         version: 3.10.0(react-hook-form@7.54.2(react@18.3.0))
@@ -204,7 +204,7 @@ importers:
         version: 14.2.23
       '@tanstack/react-query':
         specifier: ^4.36.1
-        version: 4.36.1(react-dom@18.3.0(react@18.3.0))(react@18.3.0)
+        version: 4.41.0(react-dom@18.3.0(react@18.3.0))(react@18.3.0)
       '@types/big.js':
         specifier: ^6.2.2
         version: 6.2.2
@@ -256,6 +256,9 @@ importers:
       i18next:
         specifier: ^23.7.9
         version: 23.16.8
+      i18next-resources-to-backend:
+        specifier: ^1.2.1
+        version: 1.2.1
       iron-session:
         specifier: ^8.0.1
         version: 8.0.4
@@ -343,7 +346,7 @@ importers:
         version: 1.49.1
       '@tanstack/react-query-devtools':
         specifier: ^4.36.1
-        version: 4.36.1(@tanstack/react-query@4.36.1(react-dom@18.3.0(react@18.3.0))(react@18.3.0))(react-dom@18.3.0(react@18.3.0))(react@18.3.0)
+        version: 4.36.1(@tanstack/react-query@4.41.0(react-dom@18.3.0(react@18.3.0))(react@18.3.0))(react-dom@18.3.0(react@18.3.0))(react@18.3.0)
       '@types/cors':
         specifier: ^2.8.17
         version: 2.8.17
@@ -359,6 +362,9 @@ importers:
       copy-webpack-plugin:
         specifier: ^11.0.0
         version: 11.0.0(webpack@5.97.1)
+      null-loader:
+        specifier: ^4.0.1
+        version: 4.0.1(webpack@5.97.1)
       typescript:
         specifier: 5.3.3
         version: 5.3.3
@@ -394,10 +400,10 @@ importers:
         version: link:../../packages/ui
       '@hiveio/healthchecker-component':
         specifier: catalog:hiveio-toolset
-        version: 1.0.0-stable.250821060201(@hiveio/wax@1.27.6-rc10-stable.250718075612)(react-dom@18.3.0(react@18.3.0))(react@18.3.0)(tailwindcss@3.4.6(ts-node@10.9.2(@types/node@20.10.4)(typescript@5.3.3)))
+        version: 1.0.0-stable.251106092955(@hiveio/wax@1.27.12-rc3-251105101534)(react-dom@18.3.0(react@18.3.0))(react@18.3.0)(tailwindcss@3.4.6(ts-node@10.9.2(@types/node@20.10.4)(typescript@5.3.3)))
       '@hiveio/wax':
         specifier: catalog:hiveio-toolset
-        version: 1.27.6-rc10-stable.250718075612
+        version: 1.27.12-rc3-251105101534
       '@hookform/resolvers':
         specifier: ^3.3.2
         version: 3.10.0(react-hook-form@7.54.2(react@18.3.0))
@@ -473,16 +479,16 @@ importers:
         version: 8.57.1
       eslint-config-next:
         specifier: latest
-        version: 15.4.6(eslint@8.57.1)(typescript@5.5.3)
+        version: 16.0.1(@typescript-eslint/parser@8.46.2(eslint@8.57.1)(typescript@5.5.3))(eslint@8.57.1)(typescript@5.5.3)
       eslint-config-prettier:
         specifier: latest
         version: 10.1.8(eslint@8.57.1)
-      eslint-config-turbo:
-        specifier: latest
-        version: 2.5.5(eslint@8.57.1)(turbo@2.3.3)
       eslint-plugin-react:
         specifier: latest
         version: 7.37.5(eslint@8.57.1)
+      eslint-plugin-turbo:
+        specifier: latest
+        version: 2.5.8(eslint@8.57.1)(turbo@2.3.3)
 
   packages/logger:
     dependencies:
@@ -506,10 +512,10 @@ importers:
         version: link:../ui
       '@hiveio/wax':
         specifier: catalog:hiveio-toolset
-        version: 1.27.6-rc10-stable.250718075612
+        version: 1.27.12-rc3-251105101534
       '@tanstack/react-query':
         specifier: ^4.36.1
-        version: 4.36.1(react-dom@18.3.0(react@18.3.0))(react@18.3.0)
+        version: 4.41.0(react-dom@18.3.0(react@18.3.0))(react@18.3.0)
       next:
         specifier: ^14.2.5
         version: 14.2.23(@babel/core@7.26.0)(@playwright/test@1.49.1)(react-dom@18.3.0(react@18.3.0))(react@18.3.0)
@@ -640,7 +646,7 @@ importers:
         version: 3.6.2
       ts-loader:
         specifier: ^9.5.1
-        version: 9.5.2(typescript@5.5.3)(webpack@5.92.1)
+        version: 9.5.2(typescript@5.5.3)(webpack@5.92.1(webpack-cli@5.1.4))
       ts-node:
         specifier: 10.9.2
         version: 10.9.2(@types/node@20.14.10)(typescript@5.5.3)
@@ -673,16 +679,16 @@ importers:
         version: 1.3.2
       '@hiveio/hb-auth':
         specifier: catalog:hiveio-toolset
-        version: 0.0.1-stable.250718112633
+        version: 1.27.12-rc3-251105124922
       '@hiveio/wax':
         specifier: catalog:hiveio-toolset
-        version: 1.27.6-rc10-stable.250718075612
+        version: 1.27.12-rc3-251105101534
       '@hiveio/wax-signers-keychain':
         specifier: catalog:hiveio-toolset
-        version: 1.27.6-rc10-stable.250718075612
+        version: 1.27.12-rc3-251105101534
       '@tanstack/react-query':
         specifier: ^4.36.1
-        version: 4.36.1(react-dom@18.3.0(react@18.3.0))(react@18.3.0)
+        version: 4.41.0(react-dom@18.3.0(react@18.3.0))(react@18.3.0)
       change-case:
         specifier: ^5.4.3
         version: 5.4.4
@@ -779,10 +785,10 @@ importers:
         version: link:../smart-signer
       '@hiveio/wax':
         specifier: catalog:hiveio-toolset
-        version: 1.27.6-rc10-stable.250718075612
+        version: 1.27.12-rc3-251105101534
       '@hiveio/workerbee':
         specifier: catalog:hiveio-toolset
-        version: 1.27.6-rc13-stable.250718112733
+        version: 1.27.12-rc3-251105124317
       secure-random:
         specifier: ^1.1.2
         version: 1.1.2
@@ -830,7 +836,7 @@ importers:
         version: 1.3.3
       '@hiveio/wax':
         specifier: catalog:hiveio-toolset
-        version: 1.27.6-rc10-stable.250718075612
+        version: 1.27.12-rc3-251105101534
       '@radix-ui/react-accordion':
         specifier: ^1.1.2
         version: 1.2.2(@types/react-dom@18.3.0)(@types/react@18.3.0)(react-dom@18.3.0(react@18.3.0))(react@18.3.0)
@@ -902,10 +908,10 @@ importers:
         version: 1.1.6(@types/react-dom@18.3.0)(@types/react@18.3.0)(react-dom@18.3.0(react@18.3.0))(react@18.3.0)
       '@tanstack/react-query':
         specifier: ^4.36.1
-        version: 4.36.1(react-dom@18.3.0(react@18.3.0))(react@18.3.0)
+        version: 4.41.0(react-dom@18.3.0(react@18.3.0))(react@18.3.0)
       '@tanstack/react-query-devtools':
         specifier: ^4.36.1
-        version: 4.36.1(@tanstack/react-query@4.36.1(react-dom@18.3.0(react@18.3.0))(react@18.3.0))(react-dom@18.3.0(react@18.3.0))(react@18.3.0)
+        version: 4.36.1(@tanstack/react-query@4.41.0(react-dom@18.3.0(react@18.3.0))(react@18.3.0))(react-dom@18.3.0(react@18.3.0))(react@18.3.0)
       '@types/big.js':
         specifier: ^6.1.6
         version: 6.2.2
@@ -1659,6 +1665,10 @@ packages:
     resolution: {integrity: sha512-FDSOghenHTiToteC/QRlv2q3DhPZ/oOXTBoirfWNx1Cx3TMVcGWQtMMmQcSvb/JjpNeGzx8Pq/b4fKEJuWm1sw==}
     engines: {node: '>=6.9.0'}
 
+  '@babel/runtime@7.28.4':
+    resolution: {integrity: sha512-Q/N6JNWvIvPnLDvjlE1OUBLPQHH6l3CltCEsHIujp45zQUSSh8K+gHnaEX45yAT1nyngnINhvWtzN+Nb9D8RAQ==}
+    engines: {node: '>=6.9.0'}
+
   '@babel/template@7.25.9':
     resolution: {integrity: sha512-9DGttpmPvIxBb/2uwpVo3dqJ+O6RooAFOS+lB+xDqoE2PVCE8nfoHMdZLpfCQRLwvohzXISPZcgxt80xLfsuwg==}
     engines: {node: '>=6.9.0'}
@@ -1829,6 +1839,12 @@ packages:
     peerDependencies:
       eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
 
+  '@eslint-community/eslint-utils@4.9.0':
+    resolution: {integrity: sha512-ayVFHdtZ+hsq1t2Dy24wCmGXGe4q9Gu3smhLYALJrr473ZH27MsnSL+LKUlimp4BWJqMDMLmPpx/Q9R3OAlL4g==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
+
   '@eslint-community/regexpp@4.12.1':
     resolution: {integrity: sha512-CCZCDJuduB9OUkFkY2IgppNZMi2lBQgD2qzwXkEia16cge2pijY/aXi96CJMquDMn3nJdlPV1A5KrJEXwfLNzQ==}
     engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
@@ -1863,14 +1879,14 @@ packages:
   '@hiveio/dhive@1.3.2':
     resolution: {integrity: sha512-kJjp3TbpIlODxjJX4BWwvOf+cMxT8CFH/mNQ40RRjR2LP0a4baSWae1G+U/q/NtgjsIQz6Ja40tvnw6KF12I+g==, tarball: https://registry.npmjs.org/@hiveio/dhive/-/dhive-1.3.2.tgz}
 
-  '@hiveio/hb-auth@0.0.1-stable.250718112633':
-    resolution: {integrity: sha1-m1VUs1q2VyPIbpY3ArJhQxSg3D8=, tarball: https://gitlab.syncad.com/api/v4/projects/429/packages/npm/@hiveio/hb-auth/-/@hiveio/hb-auth-0.0.1-stable.250718112633.tgz}
+  '@hiveio/hb-auth@1.27.12-rc3-251105124922':
+    resolution: {integrity: sha1-P8+1//qXuavUcDFQDUbxKbGyO5g=, tarball: https://gitlab.syncad.com/api/v4/projects/429/packages/npm/@hiveio/hb-auth/-/@hiveio/hb-auth-1.27.12-rc3-251105124922.tgz}
     engines: {node: ^20.11 || >= 21.2}
 
-  '@hiveio/healthchecker-component@1.0.0-stable.250821060201':
-    resolution: {integrity: sha1-2VB3zIZBKfvd+qUZz8HoiMJNW0E=, tarball: https://gitlab.syncad.com/api/v4/projects/520/packages/npm/@hiveio/healthchecker-component/-/@hiveio/healthchecker-component-1.0.0-stable.250821060201.tgz}
+  '@hiveio/healthchecker-component@1.0.0-stable.251106092955':
+    resolution: {integrity: sha1-jOH3Z50ej3+G8jL76wz6eKCEvLA=, tarball: https://gitlab.syncad.com/api/v4/projects/520/packages/npm/@hiveio/healthchecker-component/-/@hiveio/healthchecker-component-1.0.0-stable.251106092955.tgz}
     peerDependencies:
-      '@hiveio/wax': 1.27.6-rc10-stable.250718075612
+      '@hiveio/wax': 1.27.12-rc3-251105101534
       react: ^18.2.0
       react-dom: ^18.2.0
       tailwindcss: ^3.4.12
@@ -1878,15 +1894,15 @@ packages:
   '@hiveio/hivescript@1.3.3':
     resolution: {integrity: sha512-nOeGespwSujSaEl4R09u9FXGgMyOywtWWQiJdiWsmJDknCUqXXxTfs3KICssPTjkDlbGp2gkg3WjUyrlxm28Qg==, tarball: https://registry.npmjs.org/@hiveio/hivescript/-/hivescript-1.3.3.tgz}
 
-  '@hiveio/wax-signers-keychain@1.27.6-rc10-stable.250718075612':
-    resolution: {integrity: sha1-9RbwhsYHn+A/krVQLhBJSNDQ0rc=, tarball: https://gitlab.syncad.com/api/v4/projects/419/packages/npm/@hiveio/wax-signers-keychain/-/@hiveio/wax-signers-keychain-1.27.6-rc10-stable.250718075612.tgz}
+  '@hiveio/wax-signers-keychain@1.27.12-rc3-251105101534':
+    resolution: {integrity: sha1-Ygygza7KMld5rZzgn6IVjgZhn5s=, tarball: https://gitlab.syncad.com/api/v4/projects/419/packages/npm/@hiveio/wax-signers-keychain/-/@hiveio/wax-signers-keychain-1.27.12-rc3-251105101534.tgz}
 
-  '@hiveio/wax@1.27.6-rc10-stable.250718075612':
-    resolution: {integrity: sha1-TYKUMQ158pF6HL+KoE1ze7dYQ/M=, tarball: https://gitlab.syncad.com/api/v4/projects/419/packages/npm/@hiveio/wax/-/@hiveio/wax-1.27.6-rc10-stable.250718075612.tgz}
+  '@hiveio/wax@1.27.12-rc3-251105101534':
+    resolution: {integrity: sha1-GA79NB3PLVF8Smcy84hyHBhZ2WA=, tarball: https://gitlab.syncad.com/api/v4/projects/419/packages/npm/@hiveio/wax/-/@hiveio/wax-1.27.12-rc3-251105101534.tgz}
     engines: {node: ^20.11 || >= 21.2}
 
-  '@hiveio/workerbee@1.27.6-rc13-stable.250718112733':
-    resolution: {integrity: sha1-5gKTOYMvR/dUsdxX0bYHSptQ+88=, tarball: https://gitlab.syncad.com/api/v4/projects/452/packages/npm/@hiveio/workerbee/-/@hiveio/workerbee-1.27.6-rc13-stable.250718112733.tgz}
+  '@hiveio/workerbee@1.27.12-rc3-251105124317':
+    resolution: {integrity: sha1-bi2hw9n+XgTAWT5aCiUAyostrOQ=, tarball: https://gitlab.syncad.com/api/v4/projects/452/packages/npm/@hiveio/workerbee/-/@hiveio/workerbee-1.27.12-rc3-251105124317.tgz}
     engines: {node: ^20.11 || >= 21.2}
 
   '@hookform/resolvers@3.10.0':
@@ -1990,6 +2006,9 @@ packages:
     resolution: {integrity: sha512-u3UPsIilWKOM3F9CXtrG8LEJmNxwoCQC/XVj4IKYXvvpx7QIi/Kg1LI5uDmDpKlac62NUtX7eLjRh+jVZcLOzw==}
     engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
 
+  '@jridgewell/gen-mapping@0.3.13':
+    resolution: {integrity: sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==}
+
   '@jridgewell/gen-mapping@0.3.8':
     resolution: {integrity: sha512-imAbBGkb+ebQyxKgzv5Hu2nmROxoDOXHh80evxdoXNOrvAnVx7zimzc1Oo5h9RlfV4vPXaE2iM5pOFbvOCClWA==}
     engines: {node: '>=6.0.0'}
@@ -2002,15 +2021,24 @@ packages:
     resolution: {integrity: sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==}
     engines: {node: '>=6.0.0'}
 
+  '@jridgewell/source-map@0.3.11':
+    resolution: {integrity: sha512-ZMp1V8ZFcPG5dIWnQLr3NSI1MiCU7UETdS/A0G8V/XWHvJv3ZsFqutJn1Y5RPmAPX6F3BiE397OqveU/9NCuIA==}
+
   '@jridgewell/source-map@0.3.6':
     resolution: {integrity: sha512-1ZJTZebgqllO79ue2bm3rIGud/bOe0pP5BjSRCRxxYkEZS8STV7zN84UBbiYu7jy+eCKSnVIUgoWWE/tt+shMQ==}
 
   '@jridgewell/sourcemap-codec@1.5.0':
     resolution: {integrity: sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==}
 
+  '@jridgewell/sourcemap-codec@1.5.5':
+    resolution: {integrity: sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==}
+
   '@jridgewell/trace-mapping@0.3.25':
     resolution: {integrity: sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==}
 
+  '@jridgewell/trace-mapping@0.3.31':
+    resolution: {integrity: sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==}
+
   '@jridgewell/trace-mapping@0.3.9':
     resolution: {integrity: sha512-3Belt6tdc8bPgAtbcmdtNJlirVoTmEb5e2gC94PnkwEW9jI6CAHUeoG85tjWP5WquqfavoMtMwiG4P926ZKKuQ==}
 
@@ -2021,6 +2049,7 @@ packages:
   '@koa/router@13.1.0':
     resolution: {integrity: sha512-mNVu1nvkpSd8Q8gMebGbCkDWJ51ODetrFvLKYusej+V0ByD4btqHYnPIzTBLXnQMVUlm/oxVwqmWBY3zQfZilw==}
     engines: {node: '>= 18'}
+    deprecated: Please upgrade to v13.1.1+ per <https://github.com/koajs/router/pull/181>
 
   '@multiformats/base-x@4.0.1':
     resolution: {integrity: sha512-eMk0b9ReBbV23xXU693TAIrLyeO5iTgBZGSJfpqriG8UkYvr/hC9u9pyMlAakDNHWmbhMZCDs6KQO0jzKD8OTw==}
@@ -2031,8 +2060,8 @@ packages:
   '@next/env@14.2.23':
     resolution: {integrity: sha512-CysUC9IO+2Bh0omJ3qrb47S8DtsTKbFidGm6ow4gXIG6reZybqxbkH2nhdEm1tC8SmgzDdpq3BIML0PWsmyUYA==}
 
-  '@next/eslint-plugin-next@15.4.6':
-    resolution: {integrity: sha512-2NOu3ln+BTcpnbIDuxx6MNq+pRrCyey4WSXGaJIyt0D2TYicHeO9QrUENNjcf673n3B1s7hsiV5xBYRCK1Q8kA==}
+  '@next/eslint-plugin-next@16.0.1':
+    resolution: {integrity: sha512-g4Cqmv/gyFEXNeVB2HkqDlYKfy+YrlM2k8AVIO/YQVEPfhVruH1VA99uT1zELLnPLIeOnx8IZ6Ddso0asfTIdw==}
 
   '@next/swc-darwin-arm64@14.2.23':
     resolution: {integrity: sha512-WhtEntt6NcbABA8ypEoFd3uzq5iAnrl9AnZt9dXdO+PZLACE32z3a3qA5OoV20JrbJfSJ6Sd6EqGZTrlRnGxQQ==}
@@ -3080,9 +3109,6 @@ packages:
   '@rtsao/scc@1.1.0':
     resolution: {integrity: sha512-zt6OdqaDoOnJ1ZYsCYGt9YmWzDXl4vQdKTyJev62gFhRGKdx7mcT54V9KIjg+d2wi9EXsPvAPKe7i7WjfVWB8g==}
 
-  '@rushstack/eslint-patch@1.10.5':
-    resolution: {integrity: sha512-kkKUDVlII2DQiKy7UstOR1ErJP8kUKAQ4oa+SQtM0K+lPdmmjj0YnnxBgtTVYH7mUKtbsxeFC9y0AmK7Yb78/A==}
-
   '@sec-ant/readable-stream@0.4.1':
     resolution: {integrity: sha512-831qok9r2t8AlxLko40y2ebgSDhenenCatLVeW/uBtnHPyhHOvG0C7TvfgecV+wHzIm5KUICgzmVpWS+IMEAeg==}
 
@@ -3171,8 +3197,8 @@ packages:
     resolution: {integrity: sha512-Wo1iKt2b9OT7d+YGhvEPD3DXvPv2etTusIMhMUoG7fbhmxcXCtIjJDEygy91Y2JFlwGyjqiBPRozme7UD8hoqg==}
     engines: {node: '>=12'}
 
-  '@tanstack/query-core@4.36.1':
-    resolution: {integrity: sha512-DJSilV5+ytBP1FbFcEJovv4rnnm/CokuVvrBEtW/Va9DvuJ3HksbXUJEpI0aV1KtuL4ZoO9AVE6PyNLzF7tLeA==}
+  '@tanstack/query-core@4.41.0':
+    resolution: {integrity: sha512-193R4Jp9hjvlij6LryxrB5Mpbffd2L9PeWh3KlIy/hJV4SkBOfiQZ+jc5qAZLDCrdbkA5FjGj+UoDYw6TcNnyA==}
 
   '@tanstack/react-query-devtools@4.36.1':
     resolution: {integrity: sha512-WYku83CKP3OevnYSG8Y/QO9g0rT75v1om5IvcWUwiUZJ4LanYGLVCZ8TdFG5jfsq4Ej/lu2wwDAULEUnRIMBSw==}
@@ -3181,8 +3207,8 @@ packages:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0
       react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
 
-  '@tanstack/react-query@4.36.1':
-    resolution: {integrity: sha512-y7ySVHFyyQblPl3J3eQBWpXZkliroki3ARnBKsdJchlgt7yJLRDUcf4B8soufgiYt3pEQIkBWBx1N9/ZPIeUWw==}
+  '@tanstack/react-query@4.41.0':
+    resolution: {integrity: sha512-4/euCZAv8zeaB5P/nQiySzB0JHM3tiraU9KjSvSlJAX7oIE9uPDZlHCkDg/bHYNXewzvsg0FtOMq0VUq8XMMOQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0
       react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
@@ -3325,6 +3351,9 @@ packages:
   '@types/estree@1.0.6':
     resolution: {integrity: sha512-AYnb1nQyY49te+VRAVgmzfcgjYS91mY5P0TKUDCLEM+gNnA+3T6rWITXRLYCpahpqSQbN5cE+gHpnPyXjHWxcw==}
 
+  '@types/estree@1.0.8':
+    resolution: {integrity: sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==}
+
   '@types/express-serve-static-core@5.0.5':
     resolution: {integrity: sha512-GLZPrd9ckqEBFMcVM/qRFAP0Hg3qiVEojgEFsx/N/zKXsBzbGF6z5FBDpZ0+Xhp1xr+qRZYjfGr1cWHB9oFHSA==}
 
@@ -3527,13 +3556,13 @@ packages:
       typescript:
         optional: true
 
-  '@typescript-eslint/eslint-plugin@8.20.0':
-    resolution: {integrity: sha512-naduuphVw5StFfqp4Gq4WhIBE2gN1GEmMUExpJYknZJdRnc+2gDzB8Z3+5+/Kv33hPQRDGzQO/0opHE72lZZ6A==}
+  '@typescript-eslint/eslint-plugin@8.46.2':
+    resolution: {integrity: sha512-ZGBMToy857/NIPaaCucIUQgqueOiq7HeAKkhlvqVV4lm089zUFW6ikRySx2v+cAhKeUCPuWVHeimyk6Dw1iY3w==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
-      '@typescript-eslint/parser': ^8.0.0 || ^8.0.0-alpha.0
+      '@typescript-eslint/parser': ^8.46.2
       eslint: ^8.57.0 || ^9.0.0
-      typescript: '>=4.8.4 <5.8.0'
+      typescript: '>=4.8.4 <6.0.0'
 
   '@typescript-eslint/parser@6.7.0':
     resolution: {integrity: sha512-jZKYwqNpNm5kzPVP5z1JXAuxjtl2uG+5NpaMocFPTNC2EdYIgbXIPImObOkhbONxtFTTdoZstLZefbaK+wXZng==}
@@ -3555,12 +3584,18 @@ packages:
       typescript:
         optional: true
 
-  '@typescript-eslint/parser@8.20.0':
-    resolution: {integrity: sha512-gKXG7A5HMyjDIedBi6bUrDcun8GIjnI8qOwVLiY3rx6T/sHP/19XLJOnIq/FgQvWLHja5JN/LSE7eklNBr612g==}
+  '@typescript-eslint/parser@8.46.2':
+    resolution: {integrity: sha512-BnOroVl1SgrPLywqxyqdJ4l3S2MsKVLDVxZvjI1Eoe8ev2r3kGDo+PcMihNmDE+6/KjkTubSJnmqGZZjQSBq/g==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
-      typescript: '>=4.8.4 <5.8.0'
+      typescript: '>=4.8.4 <6.0.0'
+
+  '@typescript-eslint/project-service@8.46.2':
+    resolution: {integrity: sha512-PULOLZ9iqwI7hXcmL4fVfIsBi6AN9YxRc0frbvmg8f+4hQAjQ5GYNKK0DIArNo+rOKmR/iBYwkpBmnIwin4wBg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      typescript: '>=4.8.4 <6.0.0'
 
   '@typescript-eslint/scope-manager@6.7.0':
     resolution: {integrity: sha512-lAT1Uau20lQyjoLUQ5FUMSX/dS07qux9rYd5FGzKz/Kf8W8ccuvMyldb8hadHdK/qOI7aikvQWqulnEq2nCEYA==}
@@ -3570,10 +3605,16 @@ packages:
     resolution: {integrity: sha512-Q/1yrF/XbxOTvttNVPihxh1b9fxamjEoz2Os/Pe38OHwxC24CyCqXxGTOdpb4lt6HYtqw9HetA/Rf6gDGaMPlw==}
     engines: {node: ^18.18.0 || >=20.0.0}
 
-  '@typescript-eslint/scope-manager@8.20.0':
-    resolution: {integrity: sha512-J7+VkpeGzhOt3FeG1+SzhiMj9NzGD/M6KoGn9f4dbz3YzK9hvbhVTmLj/HiTp9DazIzJ8B4XcM80LrR9Dm1rJw==}
+  '@typescript-eslint/scope-manager@8.46.2':
+    resolution: {integrity: sha512-LF4b/NmGvdWEHD2H4MsHD8ny6JpiVNDzrSZr3CsckEgCbAGZbYM4Cqxvi9L+WqDMT+51Ozy7lt2M+d0JLEuBqA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
+  '@typescript-eslint/tsconfig-utils@8.46.2':
+    resolution: {integrity: sha512-a7QH6fw4S57+F5y2FIxxSDyi5M4UfGF+Jl1bCGd7+L4KsaUY80GsiF/t0UoRFDHAguKlBaACWJRmdrc6Xfkkag==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      typescript: '>=4.8.4 <6.0.0'
+
   '@typescript-eslint/type-utils@6.7.0':
     resolution: {integrity: sha512-f/QabJgDAlpSz3qduCyQT0Fw7hHpmhOzY/Rv6zO3yO+HVIdPfIWhrQoAyG+uZVtWAIS85zAyzgAFfyEr+MgBpg==}
     engines: {node: ^16.0.0 || >=18.0.0}
@@ -3594,12 +3635,12 @@ packages:
       typescript:
         optional: true
 
-  '@typescript-eslint/type-utils@8.20.0':
-    resolution: {integrity: sha512-bPC+j71GGvA7rVNAHAtOjbVXbLN5PkwqMvy1cwGeaxUoRQXVuKCebRoLzm+IPW/NtFFpstn1ummSIasD5t60GA==}
+  '@typescript-eslint/type-utils@8.46.2':
+    resolution: {integrity: sha512-HbPM4LbaAAt/DjxXaG9yiS9brOOz6fabal4uvUmaUYe6l3K1phQDMQKBRUrr06BQkxkvIZVVHttqiybM9nJsLA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
-      typescript: '>=4.8.4 <5.8.0'
+      typescript: '>=4.8.4 <6.0.0'
 
   '@typescript-eslint/types@6.7.0':
     resolution: {integrity: sha512-ihPfvOp7pOcN/ysoj0RpBPOx3HQTJTrIN8UZK+WFd3/iDeFHHqeyYxa4hQk4rMhsz9H9mXpR61IzwlBVGXtl9Q==}
@@ -3609,8 +3650,8 @@ packages:
     resolution: {integrity: sha512-aV1+B1+ySXbQH0pLK0rx66I3IkiZNidYobyfn0WFsdGhSXw+P3YOqeTq5GED458SfB24tg+ux3S+9g118hjlTw==}
     engines: {node: ^18.18.0 || >=20.0.0}
 
-  '@typescript-eslint/types@8.20.0':
-    resolution: {integrity: sha512-cqaMiY72CkP+2xZRrFt3ExRBu0WmVitN/rYPZErA80mHjHx/Svgp8yfbzkJmDoQ/whcytOPO9/IZXnOc+wigRA==}
+  '@typescript-eslint/types@8.46.2':
+    resolution: {integrity: sha512-lNCWCbq7rpg7qDsQrd3D6NyWYu+gkTENkG5IKYhUIcxSb59SQC/hEQ+MrG4sTgBVghTonNWq42bA/d4yYumldQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
   '@typescript-eslint/typescript-estree@6.7.0':
@@ -3631,11 +3672,11 @@ packages:
       typescript:
         optional: true
 
-  '@typescript-eslint/typescript-estree@8.20.0':
-    resolution: {integrity: sha512-Y7ncuy78bJqHI35NwzWol8E0X7XkRVS4K4P4TCyzWkOJih5NDvtoRDW4Ba9YJJoB2igm9yXDdYI/+fkiiAxPzA==}
+  '@typescript-eslint/typescript-estree@8.46.2':
+    resolution: {integrity: sha512-f7rW7LJ2b7Uh2EiQ+7sza6RDZnajbNbemn54Ob6fRwQbgcIn+GWfyuHDHRYgRoZu1P4AayVScrRW+YfbTvPQoQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
-      typescript: '>=4.8.4 <5.8.0'
+      typescript: '>=4.8.4 <6.0.0'
 
   '@typescript-eslint/utils@6.7.0':
     resolution: {integrity: sha512-MfCq3cM0vh2slSikQYqK2Gq52gvOhe57vD2RM3V4gQRZYX4rDPnKLu5p6cm89+LJiGlwEXU8hkYxhqqEC/V3qA==}
@@ -3649,12 +3690,12 @@ packages:
     peerDependencies:
       eslint: ^8.56.0
 
-  '@typescript-eslint/utils@8.20.0':
-    resolution: {integrity: sha512-dq70RUw6UK9ei7vxc4KQtBRk7qkHZv447OUZ6RPQMQl71I3NZxQJX/f32Smr+iqWrB02pHKn2yAdHBb0KNrRMA==}
+  '@typescript-eslint/utils@8.46.2':
+    resolution: {integrity: sha512-sExxzucx0Tud5tE0XqR0lT0psBQvEpnpiul9XbGUB1QwpWJJAps1O/Z7hJxLGiZLBKMCutjTzDgmd1muEhBnVg==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
-      typescript: '>=4.8.4 <5.8.0'
+      typescript: '>=4.8.4 <6.0.0'
 
   '@typescript-eslint/visitor-keys@6.7.0':
     resolution: {integrity: sha512-/C1RVgKFDmGMcVGeD8HjKv2bd72oI1KxQDeY8uc66gw9R0OK0eMq48cA+jv9/2Ag6cdrsUGySm1yzYmfz0hxwQ==}
@@ -3664,8 +3705,8 @@ packages:
     resolution: {integrity: sha512-Hqgy/ETgpt2L5xueA/zHHIl4fJI2O4XUE9l4+OIfbJIRSnTJb/QscncdqqZzofQegIJugRIF57OJea1khw2SDw==}
     engines: {node: ^18.18.0 || >=20.0.0}
 
-  '@typescript-eslint/visitor-keys@8.20.0':
-    resolution: {integrity: sha512-v/BpkeeYAsPkKCkR8BDwcno0llhzWVqPOamQrAEMdpZav2Y9OVjd9dwJyBLJWwf335B5DmlifECIkZRJCaGaHA==}
+  '@typescript-eslint/visitor-keys@8.46.2':
+    resolution: {integrity: sha512-tUFMXI4gxzzMXt4xpGJEsBsTox0XbNQ1y94EwlD/CuZwFcQP79xfQqMhau9HsRc/J0cAPA/HZt1dZPtGn9V/7w==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
   '@uiw/copy-to-clipboard@1.0.17':
@@ -3807,6 +3848,11 @@ packages:
     engines: {node: '>=0.4.0'}
     hasBin: true
 
+  acorn@8.15.0:
+    resolution: {integrity: sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==}
+    engines: {node: '>=0.4.0'}
+    hasBin: true
+
   address@2.0.3:
     resolution: {integrity: sha512-XNAb/a6TCqou+TufU8/u11HCu9x1gYvOoxLwtlXgIqmkrYQADVv6ljyW2zwiPhHz9R1gItAWpuDrdJMmrOBFEA==}
     engines: {node: '>= 16.0.0'}
@@ -3941,6 +3987,10 @@ packages:
     resolution: {integrity: sha512-itaWrbYbqpGXkGhZPGUulwnhVf5Hpy1xiCFsGqyIGglbBxmG5vSjxQen3/WGOjPpNEv1RtBLKxbmVXm8HpJStQ==}
     engines: {node: '>= 0.4'}
 
+  array-includes@3.1.9:
+    resolution: {integrity: sha512-FmeCCAenzH0KH381SPT5FZmiA/TmpndpcaShhfgEN9eCVjnFBqq3l1xrI42y8+PPLI6hypzou4GXw00WHmPBLQ==}
+    engines: {node: '>= 0.4'}
+
   array-union@1.0.2:
     resolution: {integrity: sha512-Dxr6QJj/RdU/hCaBjOfxW+q6lyuVE6JFWIrAUpuOOhoJJoQ99cUn3igRaHVB5P9WrgFVN0FfArM3x0cueOU8ng==}
     engines: {node: '>=0.10.0'}
@@ -3961,6 +4011,10 @@ packages:
     resolution: {integrity: sha512-zfETvRFA8o7EiNn++N5f/kaCw221hrpGsDmcpndVupkPzEc1Wuf3VgC0qby1BbHs7f5DVYjgtEU2LLh5bqeGfQ==}
     engines: {node: '>= 0.4'}
 
+  array.prototype.findlastindex@1.2.6:
+    resolution: {integrity: sha512-F/TKATkzseUExPlfvmwQKGITM3DGTK+vkAsCZoDc5daVygbJBnjEUCbgkAvVFsgfXfX4YIqZ/27G3k3tdXrTxQ==}
+    engines: {node: '>= 0.4'}
+
   array.prototype.flat@1.3.3:
     resolution: {integrity: sha512-rwG/ja1neyLqCuGZ5YYrznA62D4mZXg0i1cIskIUKSiqF3Cje9/wXAls9B9s1Wa2fomMsIv8czB8jZcPmxCXFg==}
     engines: {node: '>= 0.4'}
@@ -4125,6 +4179,10 @@ packages:
   base64-js@1.5.1:
     resolution: {integrity: sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==}
 
+  baseline-browser-mapping@2.8.12:
+    resolution: {integrity: sha512-vAPMQdnyKCBtkmQA6FMCBvU9qFIppS3nzyXnEM+Lo2IAhG4Mpjv9cCxMudhgV3YdNNJv6TNqXy97dfRVL2LmaQ==}
+    hasBin: true
+
   basic-ftp@5.0.5:
     resolution: {integrity: sha512-4Bcg1P8xhUuqcii/S0Z9wiHIrQVPMermM1any+MX5GeGD7faD3/msQUDGLol9wOcz4/jbg/WJnGqoJF6LiBdtg==}
     engines: {node: '>=10.0.0'}
@@ -4196,6 +4254,11 @@ packages:
     engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
     hasBin: true
 
+  browserslist@4.26.3:
+    resolution: {integrity: sha512-lAUU+02RFBuCKQPj/P6NgjlbCnLBMp4UtgTx7vNHd3XSIJF87s9a5rA3aH2yw3GS9DqZAUbOtZdCCiZeVRqt0w==}
+    engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
+    hasBin: true
+
   bs58@4.0.1:
     resolution: {integrity: sha512-Ok3Wdf5vOIlBrgCvTq96gBkJw+JUEzdBgyaza5HLtPm7yTHkjRy8+JzNyHF7BHa0bNWOQIp3m5YF0nnFcOIKLw==}
 
@@ -4297,6 +4360,9 @@ packages:
   caniuse-lite@1.0.30001692:
     resolution: {integrity: sha512-A95VKan0kdtrsnMubMKxEKUKImOPSuCpYgxSQBo036P5YYgVIcOYJEgt/txJWqObiRQeISNCfef9nvlQ0vbV7A==}
 
+  caniuse-lite@1.0.30001748:
+    resolution: {integrity: sha512-5P5UgAr0+aBmNiplks08JLw+AW/XG/SurlgZLgB1dDLfAw7EfRGxIwzPHxdSCGY/BTKDqIVyJL87cCN6s0ZR0w==}
+
   ccount@2.0.1:
     resolution: {integrity: sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg==}
 
@@ -5093,6 +5159,9 @@ packages:
     engines: {node: '>=0.10.0'}
     hasBin: true
 
+  electron-to-chromium@1.5.230:
+    resolution: {integrity: sha512-A6A6Fd3+gMdaed9wX83CvHYJb4UuapPD5X5SLq72VZJzxHSY0/LUweGXRWmQlh2ln7KV7iw7jnwXK7dlPoOnHQ==}
+
   electron-to-chromium@1.5.82:
     resolution: {integrity: sha512-Zq16uk1hfQhyGx5GpwPAYDwddJuSGhtRhgOA2mCxANYaDT79nAeGnaXogMGng4KqLaJUVnOnuL0+TDop9nLOiA==}
 
@@ -5142,6 +5211,10 @@ packages:
     resolution: {integrity: sha512-0/r0MySGYG8YqlayBZ6MuCfECmHFdJ5qyPh8s8wa5Hnm6SaFLSK1VYCbj+NKp090Nm1caZhD+QTnmxO7esYGyQ==}
     engines: {node: '>=10.13.0'}
 
+  enhanced-resolve@5.18.3:
+    resolution: {integrity: sha512-d4lC8xfavMeBjzGr2vECC3fsGXziXZQyJxD868h2M/mBI3PwAuODxAkLkq5HYuvrPYcUtiLzsTo8U3PgX3Ocww==}
+    engines: {node: '>=10.13.0'}
+
   entities@4.5.0:
     resolution: {integrity: sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==}
     engines: {node: '>=0.12'}
@@ -5173,6 +5246,10 @@ packages:
     resolution: {integrity: sha512-py07lI0wjxAC/DcfK1S6G7iANonniZwTISvdPzk9hzeH0IZIshbuuFxLIU96OyF89Yb9hiqWn8M/bY83KY5vzA==}
     engines: {node: '>= 0.4'}
 
+  es-abstract@1.24.0:
+    resolution: {integrity: sha512-WSzPgsdLtTcQwm4CROfS5ju2Wa1QQcVeT37jFjYzdFz1r9ahadC8B8/a4qxJxM+09F18iumCdRmlr96ZYkQvEg==}
+    engines: {node: '>= 0.4'}
+
   es-define-property@1.0.1:
     resolution: {integrity: sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==}
     engines: {node: '>= 0.4'}
@@ -5191,6 +5268,9 @@ packages:
   es-module-lexer@1.6.0:
     resolution: {integrity: sha512-qqnD1yMU6tk/jnaMosogGySTZP8YtUgAffA9nMN+E/rjxcfRQ6IEk7IiozUjgxKoFHBGjTLnrHB/YC45r/59EQ==}
 
+  es-module-lexer@1.7.0:
+    resolution: {integrity: sha512-jEQoCwk8hyb2AZziIOLhDqpm5+2ww5uIE6lkO/6jcOCusfk6LhMHpXXfBLXTZ7Ydyt0j4VoUQv6uGNYbdW+kBA==}
+
   es-object-atoms@1.1.1:
     resolution: {integrity: sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==}
     engines: {node: '>= 0.4'}
@@ -5202,6 +5282,10 @@ packages:
   es-shim-unscopables@1.0.2:
     resolution: {integrity: sha512-J3yBRXCzDu4ULnQwxyToo/OjdMx6akgVC7K6few0a7F/0wLtmKKN7I73AH5T2836UuXRqN7Qg+IIUw/+YJksRw==}
 
+  es-shim-unscopables@1.1.0:
+    resolution: {integrity: sha512-d9T8ucsEhh8Bi1woXCf+TIKDIROLG5WCkxg8geBCbvk22kzwC5G2OnXVMO6FUsvQlgUUXQ2itephWDLqDzbeCw==}
+    engines: {node: '>= 0.4'}
+
   es-to-primitive@1.3.0:
     resolution: {integrity: sha512-w+5mJ3GuFL+NjVtJlvydShqE1eN3h3PbI7/5LAsYJP/2qtuMXjfL2LpHSRqo4b4eSF5K/DH1JXKUAHSB2UW50g==}
     engines: {node: '>= 0.4'}
@@ -5237,10 +5321,10 @@ packages:
     engines: {node: '>=6.0'}
     hasBin: true
 
-  eslint-config-next@15.4.6:
-    resolution: {integrity: sha512-4uznvw5DlTTjrZgYZjMciSdDDMO2SWIuQgUNaFyC2O3Zw3Z91XeIejeVa439yRq2CnJb/KEvE4U2AeN/66FpUA==}
+  eslint-config-next@16.0.1:
+    resolution: {integrity: sha512-wNuHw5gNOxwLUvpg0cu6IL0crrVC9hAwdS/7UwleNkwyaMiWIOAwf8yzXVqBBzL3c9A7jVRngJxjoSpPP1aEhg==}
     peerDependencies:
-      eslint: ^7.23.0 || ^8.0.0 || ^9.0.0
+      eslint: '>=9.0.0'
       typescript: '>=3.3.1'
     peerDependenciesMeta:
       typescript:
@@ -5258,12 +5342,6 @@ packages:
     peerDependencies:
       eslint: '>=7.0.0'
 
-  eslint-config-turbo@2.5.5:
-    resolution: {integrity: sha512-23lKrCr66HQR62aa94n2dBGUUFz0GzM6N1KwmcREZHxomZ5Ik2rDm00wAz95lOEkhzSt6IaxW00Uz0az/Fcq5Q==}
-    peerDependencies:
-      eslint: '>6.6.0'
-      turbo: '>2.0.0'
-
   eslint-import-resolver-node@0.3.9:
     resolution: {integrity: sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g==}
 
@@ -5301,6 +5379,27 @@ packages:
       eslint-import-resolver-webpack:
         optional: true
 
+  eslint-module-utils@2.12.1:
+    resolution: {integrity: sha512-L8jSWTze7K2mTg0vos/RuLRS5soomksDPoJLXIslC7c8Wmut3bx7CPpJijDcBZtxQ5lrbUdM+s0OlNbz0DCDNw==}
+    engines: {node: '>=4'}
+    peerDependencies:
+      '@typescript-eslint/parser': '*'
+      eslint: '*'
+      eslint-import-resolver-node: '*'
+      eslint-import-resolver-typescript: '*'
+      eslint-import-resolver-webpack: '*'
+    peerDependenciesMeta:
+      '@typescript-eslint/parser':
+        optional: true
+      eslint:
+        optional: true
+      eslint-import-resolver-node:
+        optional: true
+      eslint-import-resolver-typescript:
+        optional: true
+      eslint-import-resolver-webpack:
+        optional: true
+
   eslint-plugin-import@2.28.1:
     resolution: {integrity: sha512-9I9hFlITvOV55alzoKBI+K9q74kv0iKMeY6av5+umsNwayt59fz692daGyjR+oStBQgx6nwR9rXldDev3Clw+A==}
     engines: {node: '>=4'}
@@ -5321,8 +5420,8 @@ packages:
       '@typescript-eslint/parser':
         optional: true
 
-  eslint-plugin-import@2.31.0:
-    resolution: {integrity: sha512-ixmkI62Rbc2/w8Vfxyh1jQRTdRTF52VxwRVHl/ykPAmqG+Nb7/kNn+byLP0LxPgI7zWA16Jt82SybJInmMia3A==}
+  eslint-plugin-import@2.32.0:
+    resolution: {integrity: sha512-whOE1HFo/qJDyX4SnXzP4N6zOWn79WhnCUY/iDR0mPfQZO8wcYE4JClzI2oZrhBnnMUCBCHZhO6VQyoBU95mZA==}
     engines: {node: '>=4'}
     peerDependencies:
       '@typescript-eslint/parser': '*'
@@ -5355,9 +5454,9 @@ packages:
       eslint-config-prettier:
         optional: true
 
-  eslint-plugin-react-hooks@5.1.0:
-    resolution: {integrity: sha512-mpJRtPgHN2tNAvZ35AMfqeB3Xqeo273QxrHJsbBEPWODRM4r0yB6jfoROqKEYrOn27UtRPpcpHc2UqyBSuUNTw==}
-    engines: {node: '>=10'}
+  eslint-plugin-react-hooks@7.0.1:
+    resolution: {integrity: sha512-O0d0m04evaNzEPoSW+59Mezf8Qt0InfgGIBJnpC0h3NH/WjUAR7BIKUfysC6todmtiZ/A0oUVS8Gce0WhBrHsA==}
+    engines: {node: '>=18'}
     peerDependencies:
       eslint: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0 || ^9.0.0
 
@@ -5370,8 +5469,8 @@ packages:
   eslint-plugin-security@1.7.1:
     resolution: {integrity: sha512-sMStceig8AFglhhT2LqlU5r+/fn9OwsA72O5bBuQVTssPCdQAOQzL+oMn/ZcpeUY6KcNfLJArgcrsSULNjYYdQ==}
 
-  eslint-plugin-turbo@2.5.5:
-    resolution: {integrity: sha512-IlN65X6W7rgK88u5xl1xC+7FIGKA7eyaca0yxZQ9CBNV6keAaqtjZQLw8ZfXdv7T+MzTLYkYOeOHAv8yCRUx4Q==}
+  eslint-plugin-turbo@2.5.8:
+    resolution: {integrity: sha512-bVjx4vTH0oTKIyQ7EGFAXnuhZMrKIfu17qlex/dps7eScPnGQLJ3r1/nFq80l8xA+8oYjsSirSQ2tXOKbz3kEw==}
     peerDependencies:
       eslint: '>6.6.0'
       turbo: '>2.0.0'
@@ -5388,8 +5487,8 @@ packages:
     resolution: {integrity: sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
 
-  eslint-visitor-keys@4.2.0:
-    resolution: {integrity: sha512-UyLnSehNt62FFhSwjZlHmeokpRK59rcz29j+F1/aDgbkbRTk7wIc9XzdoasMUbRNKDM0qQt/+BJ4BrpFeABemw==}
+  eslint-visitor-keys@4.2.1:
+    resolution: {integrity: sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
   eslint@8.57.0:
@@ -5647,6 +5746,10 @@ packages:
   for-each@0.3.3:
     resolution: {integrity: sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==}
 
+  for-each@0.3.5:
+    resolution: {integrity: sha512-dKx12eRCVIzqCxFGplyFKJMPvLEWgmNtUrpTiJIR5u97zEhRG8ySrtboPHZXx7daLxQVrl643cTzbab2tkQjxg==}
+    engines: {node: '>= 0.4'}
+
   foreground-child@2.0.0:
     resolution: {integrity: sha512-dCIq9FpEcyQyXKCkyzmlPTFNgrCzPudOe+mhvJU5zAtlBnGVy2yKxtfsxK2tQBThwq225jcvBjpw1Gr40uzZCA==}
     engines: {node: '>=8.0.0'}
@@ -5865,6 +5968,10 @@ packages:
     resolution: {integrity: sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==}
     engines: {node: '>=8'}
 
+  globals@16.4.0:
+    resolution: {integrity: sha512-ob/2LcVVaVGCYN+r14cnwnoDPUufjiYgSqRhiFD0Q1iI4Odora5RE8Iv1D24hAz5oMophRGkGz+yuvQmmUMnMw==}
+    engines: {node: '>=18'}
+
   globalthis@1.0.4:
     resolution: {integrity: sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ==}
     engines: {node: '>= 0.4'}
@@ -6018,6 +6125,12 @@ packages:
   help-me@5.0.0:
     resolution: {integrity: sha512-7xgomUX6ADmcYzFik0HzAxh/73YlKR9bmFzf51CZwR+b6YtzU2m0u49hQCqV6SvlqIqsaxovfwdvbnsw3b/zpg==}
 
+  hermes-estree@0.25.1:
+    resolution: {integrity: sha512-0wUoCcLp+5Ev5pDW2OriHC2MJCbwLwuRx+gAqMTOkGKJJiBCLjtrvy4PWUGn6MIVefecRpzoOZ/UV6iGdOr+Cw==}
+
+  hermes-parser@0.25.1:
+    resolution: {integrity: sha512-6pEjquH3rqaI6cYAXYPcz9MS4rY6R4ngRgrgfDshRptUZIc3lw0MCIJIGDj9++mfySOuPTHB4nrSW99BCvOPIA==}
+
   highlight-es@1.0.3:
     resolution: {integrity: sha512-s/SIX6yp/5S1p8aC/NRDC1fwEb+myGIfp8/TzZz0rtAv8fzsdX7vGl3Q1TrXCsczFq8DI3CBFBCySPClfBSdbg==}
 
@@ -6144,6 +6257,9 @@ packages:
   i18next-fs-backend@2.6.0:
     resolution: {integrity: sha512-3ZlhNoF9yxnM8pa8bWp5120/Ob6t4lVl1l/tbLmkml/ei3ud8IWySCHt2lrY5xWRlSU5D9IV2sm5bEbGuTqwTw==}
 
+  i18next-resources-to-backend@1.2.1:
+    resolution: {integrity: sha512-okHbVA+HZ7n1/76MsfhPqDou0fptl2dAlhRDu2ideXloRRduzHsqDOznJBef+R3DFZnbvWoBW+KxJ7fnFjd6Yw==}
+
   i18next@23.16.8:
     resolution: {integrity: sha512-06r/TitrM88Mg5FdUXAKL96dJMzgqLE5dv3ryBAra4KCwD9mJ4ndOTS95ZuymIGoE+2hzfdaMak2X11/es7ZWg==}
 
@@ -6173,6 +6289,10 @@ packages:
     resolution: {integrity: sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==}
     engines: {node: '>= 4'}
 
+  ignore@7.0.5:
+    resolution: {integrity: sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg==}
+    engines: {node: '>= 4'}
+
   immediate@3.0.6:
     resolution: {integrity: sha512-XXOFtyqDjNDAQxVfYxuF7g9Il/IbWmmlQg2MYKOH8ExIT1qg6xc4zyS3HaEEATgs1btfzxq15ciUiY7gjSXRGQ==}
 
@@ -6399,6 +6519,10 @@ packages:
   is-module@1.0.0:
     resolution: {integrity: sha512-51ypPSPCoTEIN9dy5Oy+h4pShgJmPCygKfyRCISBI+JoWT/2oJvK8QPxmwv7b/p239jXrm9M1mlQbyKJ5A152g==}
 
+  is-negative-zero@2.0.3:
+    resolution: {integrity: sha512-5KoIu2Ngpyek75jXodFvnafB6DJgr3u8uuK0LEZJjrU19DrMD3EVERaR8sjz8CCGgpZvxPl9SuE1GMVPFHx1mw==}
+    engines: {node: '>= 0.4'}
+
   is-number-object@1.1.1:
     resolution: {integrity: sha512-lZhclumE1G6VYD8VHe35wFaIif+CTy5SJIi5+3y4psDgWu4wPDoBhF8NxUOinEc7pHgiTsT6MaBb92rKhhD+Xw==}
     engines: {node: '>= 0.4'}
@@ -6536,6 +6660,10 @@ packages:
     resolution: {integrity: sha512-SXM8Nwyys6nT5WP6pltOwKytLV7FqQ4UiibxVmW+EIosHcmCqkkjViTb5SNssDlkCiEYRP1/pdWUKVvZBmsR2Q==}
     engines: {node: '>= 0.4'}
 
+  is-weakref@1.1.1:
+    resolution: {integrity: sha512-6i9mGWSlqzNMEqpCp93KwRS1uUOodk2OJ6b+sq7ZPDSy2WuI5NFIxp/254TytR8ftefexkWn5xNiHUNpPOfSew==}
+    engines: {node: '>= 0.4'}
+
   is-weakset@2.0.4:
     resolution: {integrity: sha512-mfcwb6IzQyOKTs84CQMrOwW4gQcaTOAWJ0zzJCl2WSPDrWk/OzDaImWFH3djXhb24g4eudZfLRozAvPGw4d9hQ==}
     engines: {node: '>= 0.4'}
@@ -6880,12 +7008,10 @@ packages:
   keychain-sdk@0.6.2:
     resolution: {integrity: sha512-UnfI7bwq0fajh1TcBNlzwzvVEqbGEVgT+a3segyzwFe8U7K58jkt6/DZ5TDvXYgraAy9xpl4skcMiyRFpwYQxA==}
 
-  keychain-sdk@0.8.5:
-    resolution: {integrity: sha512-8VLIgoCs1oBTmQ0EIPNV74oJIUF5xZ1EdTUADFxLPlYfdEXVj5f/JcZx2TZufR5v0FzNLaibcxqCg4DCaP6IIw==}
-
   keygrip@1.1.0:
     resolution: {integrity: sha512-iYSchDJ+liQ8iwbSI2QqsQOvqv58eJCEanyJPJi+Khyu8smkcKSFUCbPwzFcL7YVtZ6eONjqRX/38caJ7QjRAQ==}
     engines: {node: '>= 0.6'}
+    deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.
 
   keyv@4.5.4:
     resolution: {integrity: sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==}
@@ -7064,9 +7190,6 @@ packages:
     resolution: {integrity: sha512-ZYvPPOMqUwPoDsbJaR10iQJYnMuZhRTvHYl62ErLIEX7RgFlziSBUUvrt3OVfc47QlHHpzPZYP17g3Fv7oeJkg==}
     engines: {node: '>=0.6'}
 
-  long@5.3.1:
-    resolution: {integrity: sha512-ka87Jz3gcx/I7Hal94xaN2tZEOPoUOEVftkQqZx2EeQRN7LGdfLlI3FvZ+7WDplm+vK2Urx9ULrvSowtdCieng==}
-
   longest-streak@3.1.0:
     resolution: {integrity: sha512-9Ri+o0JYgehTaVBBDoMqIl8GXtbWg711O3srftcHhZ0dqnETqLaoIK0x17fUw9rFSlK/0NlsKe0Ahhyl5pXE2g==}
 
@@ -7433,6 +7556,11 @@ packages:
   nan@2.22.0:
     resolution: {integrity: sha512-nbajikzWTMwsW+eSsNm3QwlOs7het9gGJU5dDZzRTQGk03vyBOauxgI4VakDzE0PtsGTmXPsXTbbjVhRwR5mpw==}
 
+  nanoid@3.3.11:
+    resolution: {integrity: sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==}
+    engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
+    hasBin: true
+
   nanoid@3.3.8:
     resolution: {integrity: sha512-WNLf5Sd8oZxOm+TzppcYk8gVOgP+l58xNy58D0nbUnOxOWRWvlcCV4kUF7ltmI6PsrLl/BgKEyS4mqsGChFN0w==}
     engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
@@ -7544,6 +7672,9 @@ packages:
   node-releases@2.0.19:
     resolution: {integrity: sha512-xxOWJsBKtzAq7DY0J+DTzuz58K8e7sJbdgwkbMWQe8UYB6ekmsQ45q0M/tJDsGaZmbC+l7n57UV8Hl5tHxO9uw==}
 
+  node-releases@2.0.23:
+    resolution: {integrity: sha512-cCmFDMSm26S6tQSDpBCg/NR8NENrVPhAJSf+XbxBG4rPFaaonlEoE9wHQmun+cls499TQGSb7ZyPBRlzgKfpeg==}
+
   normalize-package-data@6.0.2:
     resolution: {integrity: sha512-V6gygoYb/5EmNI+MEGrWkC+e6+Rr7mTmfHrxDbLzxQogBkgzo76rkok0Am6thgSF7Mv2nLOajAJj5vDJZEFn7g==}
     engines: {node: ^16.14.0 || >=18.0.0}
@@ -7652,6 +7783,12 @@ packages:
   nth-check@2.1.1:
     resolution: {integrity: sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==}
 
+  null-loader@4.0.1:
+    resolution: {integrity: sha512-pxqVbi4U6N26lq+LmgIbB5XATP0VdZKOG25DhHi8btMmJJefGArFyDg1yc4U3hWCJbMqSrw0qyrz1UQX+qYXqg==}
+    engines: {node: '>= 10.13.0'}
+    peerDependencies:
+      webpack: ^4.0.0 || ^5.0.0
+
   nwsapi@2.2.16:
     resolution: {integrity: sha512-F1I/bimDpj3ncaNDhfyMWuFqmQDBwDB0Fogc2qpL3BWvkQteFD/8BzWuIRl83rq0DXfm8SGt/HFhLXZyljTXcQ==}
 
@@ -7676,6 +7813,10 @@ packages:
     resolution: {integrity: sha512-kDCGIbxkDSXE3euJZZXzc6to7fCrKHNI/hSRQnRuQ+BWjFNzZwiFF8fj/6o2t2G9/jTj8PSIYTfCLelLZEeRpA==}
     engines: {node: '>= 0.4'}
 
+  object-inspect@1.13.4:
+    resolution: {integrity: sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==}
+    engines: {node: '>= 0.4'}
+
   object-is@1.1.6:
     resolution: {integrity: sha512-F8cZ+KfGlSGi09lJT7/Nd6KJZ9ygtvYC0/UYYLI9nmQKLMnydpB9yvbv9K1uSkEu7FU9vYPmVwLg328tX+ot3Q==}
     engines: {node: '>= 0.4'}
@@ -8885,6 +9026,10 @@ packages:
     resolution: {integrity: sha512-Gf9qqc58SpCA/xdziiHz35F4GNIWYWZrEshUc/G/r5BnLph6xpKuLeoJoQuj5WfBIx/eQLf+hmVPYHaxJu7V2g==}
     engines: {node: '>= 10.13.0'}
 
+  schema-utils@4.3.3:
+    resolution: {integrity: sha512-eflK8wEtyOE6+hsaRVPxvUKYCpRgzLqDTb8krvAsRIwOGlHoSgYLgBXoubGgLd2fT41/OUYdb48v4k4WWHQurA==}
+    engines: {node: '>= 10.13.0'}
+
   scriptjs@2.5.9:
     resolution: {integrity: sha512-qGVDoreyYiP1pkQnbnFAUIS5AjenNwwQBdl7zeos9etl+hYKWahjRTfzAZZYBv5xNHx7vNKCmaLDQZ6Fr2AEXg==}
 
@@ -9102,6 +9247,7 @@ packages:
   source-map@0.8.0-beta.0:
     resolution: {integrity: sha512-2ymg6oRBpebeZi9UUNsgQ89bhx01TcTkmNTGnNO88imTmbSgy4nfujrgVEFKWpMTEGA11EDkTt7mqObTPdigIA==}
     engines: {node: '>= 8'}
+    deprecated: The work that was done in this beta branch won't be included in future versions
 
   sourcemap-codec@1.4.8:
     resolution: {integrity: sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==}
@@ -9360,6 +9506,10 @@ packages:
     resolution: {integrity: sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==}
     engines: {node: '>=6'}
 
+  tapable@2.3.0:
+    resolution: {integrity: sha512-g9ljZiwki/LfxmQADO3dEY1CbpmXT5Hm2fJ+QaGKwSXUylMybePR7/67YW7jOrrvjEgL1Fmz5kzyAjWVWLlucg==}
+    engines: {node: '>=6'}
+
   temp-dir@2.0.0:
     resolution: {integrity: sha512-aoBAniQmmwtcKp/7BzsH8Cxzv8OL736p7v1ihGb5e9DJ9kTwGWHrQrVB5+lfVDzfGrdRzXch+ig7LHaY1JTOrg==}
     engines: {node: '>=8'}
@@ -9392,11 +9542,32 @@ packages:
       uglify-js:
         optional: true
 
+  terser-webpack-plugin@5.3.14:
+    resolution: {integrity: sha512-vkZjpUjb6OMS7dhV+tILUW6BhpDR7P2L/aQSAv+Uwk+m8KATX9EccViHTJR2qDtACKPIYndLGCyl3FMo+r2LMw==}
+    engines: {node: '>= 10.13.0'}
+    peerDependencies:
+      '@swc/core': '*'
+      esbuild: '*'
+      uglify-js: '*'
+      webpack: ^5.1.0
+    peerDependenciesMeta:
+      '@swc/core':
+        optional: true
+      esbuild:
+        optional: true
+      uglify-js:
+        optional: true
+
   terser@5.37.0:
     resolution: {integrity: sha512-B8wRRkmre4ERucLM/uXx4MOV5cbnOlVAqUst+1+iLKPI0dOgFO28f84ptoQt9HEI537PMzfYa/d+GEPKTRXmYA==}
     engines: {node: '>=10'}
     hasBin: true
 
+  terser@5.44.0:
+    resolution: {integrity: sha512-nIVck8DK+GM/0Frwd+nIhZ84pR/BX7rmXMfYwyg+Sri5oGVE99/E3KvXqpC2xHFxyqXyGHTKBSioxxplrO4I4w==}
+    engines: {node: '>=10'}
+    hasBin: true
+
   test-exclude@6.0.0:
     resolution: {integrity: sha512-cAGWPIyOHU6zlmg88jwm7VRyXnMN7iV68OGAbYDk/Mh/xC/pzVPlQtY6ngoIH/5/tciuhGfvESU8GrHrcxD56w==}
     engines: {node: '>=8'}
@@ -9561,8 +9732,8 @@ packages:
     peerDependencies:
       typescript: '>=4.2.0'
 
-  ts-api-utils@2.0.0:
-    resolution: {integrity: sha512-xCt/TOAc+EOHS1XPnijD3/yzpH6qg2xppZO1YDqGoVsNXfQfzHpOdNuXwrwOU8u4ITXJyDCTyt8w5g1sZv9ynQ==}
+  ts-api-utils@2.1.0:
+    resolution: {integrity: sha512-CUgTZL1irw8u29bzrOD/nH85jqyc74D6SshFgujOIA7osm2Rz7dYH77agkx7H4FBNxDq7Cjf+IjaX/8zwFW+ZQ==}
     engines: {node: '>=18.12'}
     peerDependencies:
       typescript: '>=4.8.4'
@@ -9725,6 +9896,13 @@ packages:
       typescript:
         optional: true
 
+  typescript-eslint@8.46.2:
+    resolution: {integrity: sha512-vbw8bOmiuYNdzzV3lsiWv6sRwjyuKJMQqWulBOU7M0RrxedXledX8G8kBbQeiOYDnTfiXz0Y4081E1QMNB6iQg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: ^8.57.0 || ^9.0.0
+      typescript: '>=4.8.4 <6.0.0'
+
   typescript@4.7.4:
     resolution: {integrity: sha512-C0WQT0gezHuw6AdY1M2jxUO83Rjf0HP7Sk1DtXj6j1EwkQNZrHAg2XPWlq62oqEhYvONq5pkC2Y9oPljWToLmQ==}
     engines: {node: '>=4.2.0'}
@@ -9853,6 +10031,12 @@ packages:
     peerDependencies:
       browserslist: '>= 4.21.0'
 
+  update-browserslist-db@1.1.3:
+    resolution: {integrity: sha512-UxhIZQ+QInVdunkDAaiazvvT/+fXL5Osr0JZlJulepYu6Jd7qJtDZjlur0emRlT71EN3ScPoE7gvsuIKKNavKw==}
+    hasBin: true
+    peerDependencies:
+      browserslist: '>= 4.21.0'
+
   update-check@1.5.4:
     resolution: {integrity: sha512-5YHsflzHP4t1G+8WGPlvKbJEbAJGCgw+Em+dGR1KmBUbr1J36SJBqlHLjR7oob7sco5hWHGQVcr9B2poIVDDTQ==}
 
@@ -9993,6 +10177,10 @@ packages:
     resolution: {integrity: sha512-TnbFSbcOCcDgjZ4piURLCbJ3nJhznVh9kw6F6iokjiFPl8ONxe9A6nMDVXDiNbrSfLILs6vB07F7wLBrwPYzJw==}
     engines: {node: '>=10.13.0'}
 
+  watchpack@2.4.4:
+    resolution: {integrity: sha512-c5EGNOiyxxV5qmTtAB7rbiXxi1ooX1pQKMLX/MIabJjRA0SJBQOjKF+KSVfHkr9U1cADPon0mRiVe/riyaiDUA==}
+    engines: {node: '>=10.13.0'}
+
   wcwidth@1.0.1:
     resolution: {integrity: sha512-XHPEwS0q6TaxcvG85+8EYkbiCux2XtWG2mkc47Ng2A77BQu9+DqIOJldST4HgPkuea7dvKSj5VgX3P1d4rW8Tg==}
 
@@ -10042,6 +10230,10 @@ packages:
     resolution: {integrity: sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==}
     engines: {node: '>=10.13.0'}
 
+  webpack-sources@3.3.3:
+    resolution: {integrity: sha512-yd1RBzSGanHkitROoPFd6qsrxt+oFhg/129YzheDGqeustzX0vTZJZsSsQjVQC4yzBQ56K55XU8gaNCtIzOnTg==}
+    engines: {node: '>=10.13.0'}
+
   webpack-visualizer-plugin2@1.1.0:
     resolution: {integrity: sha512-pB2Z9a12m+LwjrfptyR4ReEPc0llOjsb2lXVLEJ4yOnRCBtLeWW+TZrZihUZhJDSW9tc60UXnj9/orgyagLOkg==}
     engines: {npm: '>=5.0.0'}
@@ -10121,6 +10313,10 @@ packages:
     resolution: {integrity: sha512-qEcY+KJYlWyLH9vNbsr6/5j59AXk5ni5aakf8ldzBvGde6Iz4sxZGkJyWSAueTG7QhOvNRYb1lDdFmL5Td0QKA==}
     engines: {node: '>= 0.4'}
 
+  which-typed-array@1.1.19:
+    resolution: {integrity: sha512-rEvr90Bck4WZt9HHFC4DJMsjvu7x+r6bImz0/BrbWb7A2djJ8hnZMrWnHo9F8ssv0OMErasDhftrfROTyqSDrw==}
+    engines: {node: '>= 0.4'}
+
   which@1.3.1:
     resolution: {integrity: sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==}
     hasBin: true
@@ -10355,9 +10551,18 @@ packages:
     resolution: {integrity: sha512-GQHQqAopRhwU8Kt1DDM8NjibDXHC8eoh1erhGAJPEyveY9qqVeXvVikNKrDz69sHowPMorbPUrH/mx8c50eiBQ==}
     engines: {node: '>=18'}
 
+  zod-validation-error@4.0.2:
+    resolution: {integrity: sha512-Q6/nZLe6jxuU80qb/4uJ4t5v2VEZ44lzQjPDhYJNztRQ4wyWc6VF3D3Kb/fAuPetZQnhS3hnajCf9CsWesghLQ==}
+    engines: {node: '>=18.0.0'}
+    peerDependencies:
+      zod: ^3.25.0 || ^4.0.0
+
   zod@3.24.1:
     resolution: {integrity: sha512-muH7gBL9sI1nciMZV67X5fTKKBLtwpZ5VBp1vsOQzj1MhrBZ4wlVCm3gedKZWLp0Oyel8sIGfeiz54Su+OVT+A==}
 
+  zod@3.25.76:
+    resolution: {integrity: sha512-gzUt/qt81nXsFGKIFcC3YnfEAx5NkunCfnDlvuBSSFS02bcXu4Lmea0AFIUwbLWxWPx3d9p8S5QoaujKcNQxcQ==}
+
   zustand@4.5.6:
     resolution: {integrity: sha512-ibr/n1hBzLLj5Y+yUcU7dYw8p6WnIVzdJbnX+1YpaScvZVF2ziugqHs+LAmHw4lWO9c/zRj+K1ncgWDQuthEdQ==}
     engines: {node: '>=12.7.0'}
@@ -11254,6 +11459,8 @@ snapshots:
     dependencies:
       regenerator-runtime: 0.14.1
 
+  '@babel/runtime@7.28.4': {}
+
   '@babel/template@7.25.9':
     dependencies:
       '@babel/code-frame': 7.26.2
@@ -11491,6 +11698,11 @@ snapshots:
       eslint: 8.57.1
       eslint-visitor-keys: 3.4.3
 
+  '@eslint-community/eslint-utils@4.9.0(eslint@8.57.1)':
+    dependencies:
+      eslint: 8.57.1
+      eslint-visitor-keys: 3.4.3
+
   '@eslint-community/regexpp@4.12.1': {}
 
   '@eslint/eslintrc@2.1.4':
@@ -11546,37 +11758,31 @@ snapshots:
     transitivePeerDependencies:
       - encoding
 
-  '@hiveio/hb-auth@0.0.1-stable.250718112633':
+  '@hiveio/hb-auth@1.27.12-rc3-251105124922':
     dependencies:
-      '@hiveio/wax': 1.27.6-rc10-stable.250718075612
+      '@hiveio/wax': 1.27.12-rc3-251105101534
       comlink: 4.4.2
 
-  '@hiveio/healthchecker-component@1.0.0-stable.250821060201(@hiveio/wax@1.27.6-rc10-stable.250718075612)(react-dom@18.3.0(react@18.3.0))(react@18.3.0)(tailwindcss@3.4.6(ts-node@10.9.2(@types/node@20.10.4)(typescript@5.3.3)))':
+  '@hiveio/healthchecker-component@1.0.0-stable.251106092955(@hiveio/wax@1.27.12-rc3-251105101534)(react-dom@18.3.0(react@18.3.0))(react@18.3.0)(tailwindcss@3.4.6(ts-node@10.9.2(@types/node@20.10.4)(typescript@5.3.3)))':
     dependencies:
-      '@hiveio/wax': 1.27.6-rc10-stable.250718075612
+      '@hiveio/wax': 1.27.12-rc3-251105101534
       react: 18.3.0
       react-dom: 18.3.0(react@18.3.0)
       tailwindcss: 3.4.6(ts-node@10.9.2(@types/node@20.10.4)(typescript@5.3.3))
 
   '@hiveio/hivescript@1.3.3': {}
 
-  '@hiveio/wax-signers-keychain@1.27.6-rc10-stable.250718075612':
+  '@hiveio/wax-signers-keychain@1.27.12-rc3-251105101534':
     dependencies:
-      '@hiveio/wax': 1.27.6-rc10-stable.250718075612
-      keychain-sdk: 0.8.5
-    transitivePeerDependencies:
-      - debug
-      - encoding
+      '@hiveio/wax': 1.27.12-rc3-251105101534
 
-  '@hiveio/wax@1.27.6-rc10-stable.250718075612':
+  '@hiveio/wax@1.27.12-rc3-251105101534':
     dependencies:
       events: 3.3.0
-      long: 5.3.1
 
-  '@hiveio/workerbee@1.27.6-rc13-stable.250718112733':
+  '@hiveio/workerbee@1.27.12-rc3-251105124317':
     dependencies:
-      '@hiveio/wax': 1.27.6-rc10-stable.250718075612
-      long: 5.3.1
+      '@hiveio/wax': 1.27.12-rc3-251105101534
 
   '@hookform/resolvers@3.10.0(react-hook-form@7.54.2(react@18.3.0))':
     dependencies:
@@ -11783,6 +11989,11 @@ snapshots:
       '@types/yargs': 17.0.33
       chalk: 4.1.2
 
+  '@jridgewell/gen-mapping@0.3.13':
+    dependencies:
+      '@jridgewell/sourcemap-codec': 1.5.5
+      '@jridgewell/trace-mapping': 0.3.31
+
   '@jridgewell/gen-mapping@0.3.8':
     dependencies:
       '@jridgewell/set-array': 1.2.1
@@ -11793,6 +12004,11 @@ snapshots:
 
   '@jridgewell/set-array@1.2.1': {}
 
+  '@jridgewell/source-map@0.3.11':
+    dependencies:
+      '@jridgewell/gen-mapping': 0.3.13
+      '@jridgewell/trace-mapping': 0.3.31
+
   '@jridgewell/source-map@0.3.6':
     dependencies:
       '@jridgewell/gen-mapping': 0.3.8
@@ -11800,11 +12016,18 @@ snapshots:
 
   '@jridgewell/sourcemap-codec@1.5.0': {}
 
+  '@jridgewell/sourcemap-codec@1.5.5': {}
+
   '@jridgewell/trace-mapping@0.3.25':
     dependencies:
       '@jridgewell/resolve-uri': 3.1.2
       '@jridgewell/sourcemap-codec': 1.5.0
 
+  '@jridgewell/trace-mapping@0.3.31':
+    dependencies:
+      '@jridgewell/resolve-uri': 3.1.2
+      '@jridgewell/sourcemap-codec': 1.5.5
+
   '@jridgewell/trace-mapping@0.3.9':
     dependencies:
       '@jridgewell/resolve-uri': 3.1.2
@@ -11831,7 +12054,7 @@ snapshots:
 
   '@next/env@14.2.23': {}
 
-  '@next/eslint-plugin-next@15.4.6':
+  '@next/eslint-plugin-next@16.0.1':
     dependencies:
       fast-glob: 3.3.1
 
@@ -12920,8 +13143,6 @@ snapshots:
 
   '@rtsao/scc@1.1.0': {}
 
-  '@rushstack/eslint-patch@1.10.5': {}
-
   '@sec-ant/readable-stream@0.4.1': {}
 
   '@semantic-release/commit-analyzer@13.0.1(semantic-release@24.0.0(typescript@5.5.3))':
@@ -13064,20 +13285,20 @@ snapshots:
     dependencies:
       remove-accents: 0.5.0
 
-  '@tanstack/query-core@4.36.1': {}
+  '@tanstack/query-core@4.41.0': {}
 
-  '@tanstack/react-query-devtools@4.36.1(@tanstack/react-query@4.36.1(react-dom@18.3.0(react@18.3.0))(react@18.3.0))(react-dom@18.3.0(react@18.3.0))(react@18.3.0)':
+  '@tanstack/react-query-devtools@4.36.1(@tanstack/react-query@4.41.0(react-dom@18.3.0(react@18.3.0))(react@18.3.0))(react-dom@18.3.0(react@18.3.0))(react@18.3.0)':
     dependencies:
       '@tanstack/match-sorter-utils': 8.19.4
-      '@tanstack/react-query': 4.36.1(react-dom@18.3.0(react@18.3.0))(react@18.3.0)
+      '@tanstack/react-query': 4.41.0(react-dom@18.3.0(react@18.3.0))(react@18.3.0)
       react: 18.3.0
       react-dom: 18.3.0(react@18.3.0)
       superjson: 1.13.3
       use-sync-external-store: 1.4.0(react@18.3.0)
 
-  '@tanstack/react-query@4.36.1(react-dom@18.3.0(react@18.3.0))(react@18.3.0)':
+  '@tanstack/react-query@4.41.0(react-dom@18.3.0(react@18.3.0))(react@18.3.0)':
     dependencies:
-      '@tanstack/query-core': 4.36.1
+      '@tanstack/query-core': 4.41.0
       react: 18.3.0
       use-sync-external-store: 1.4.0(react@18.3.0)
     optionalDependencies:
@@ -13264,6 +13485,8 @@ snapshots:
 
   '@types/estree@1.0.6': {}
 
+  '@types/estree@1.0.8': {}
+
   '@types/express-serve-static-core@5.0.5':
     dependencies:
       '@types/node': 20.14.10
@@ -13504,19 +13727,19 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/eslint-plugin@8.20.0(@typescript-eslint/parser@8.20.0(eslint@8.57.1)(typescript@5.5.3))(eslint@8.57.1)(typescript@5.5.3)':
+  '@typescript-eslint/eslint-plugin@8.46.2(@typescript-eslint/parser@8.46.2(eslint@8.57.1)(typescript@5.5.3))(eslint@8.57.1)(typescript@5.5.3)':
     dependencies:
       '@eslint-community/regexpp': 4.12.1
-      '@typescript-eslint/parser': 8.20.0(eslint@8.57.1)(typescript@5.5.3)
-      '@typescript-eslint/scope-manager': 8.20.0
-      '@typescript-eslint/type-utils': 8.20.0(eslint@8.57.1)(typescript@5.5.3)
-      '@typescript-eslint/utils': 8.20.0(eslint@8.57.1)(typescript@5.5.3)
-      '@typescript-eslint/visitor-keys': 8.20.0
+      '@typescript-eslint/parser': 8.46.2(eslint@8.57.1)(typescript@5.5.3)
+      '@typescript-eslint/scope-manager': 8.46.2
+      '@typescript-eslint/type-utils': 8.46.2(eslint@8.57.1)(typescript@5.5.3)
+      '@typescript-eslint/utils': 8.46.2(eslint@8.57.1)(typescript@5.5.3)
+      '@typescript-eslint/visitor-keys': 8.46.2
       eslint: 8.57.1
       graphemer: 1.4.0
-      ignore: 5.3.2
+      ignore: 7.0.5
       natural-compare: 1.4.0
-      ts-api-utils: 2.0.0(typescript@5.5.3)
+      ts-api-utils: 2.1.0(typescript@5.5.3)
       typescript: 5.5.3
     transitivePeerDependencies:
       - supports-color
@@ -13547,18 +13770,27 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/parser@8.20.0(eslint@8.57.1)(typescript@5.5.3)':
+  '@typescript-eslint/parser@8.46.2(eslint@8.57.1)(typescript@5.5.3)':
     dependencies:
-      '@typescript-eslint/scope-manager': 8.20.0
-      '@typescript-eslint/types': 8.20.0
-      '@typescript-eslint/typescript-estree': 8.20.0(typescript@5.5.3)
-      '@typescript-eslint/visitor-keys': 8.20.0
+      '@typescript-eslint/scope-manager': 8.46.2
+      '@typescript-eslint/types': 8.46.2
+      '@typescript-eslint/typescript-estree': 8.46.2(typescript@5.5.3)
+      '@typescript-eslint/visitor-keys': 8.46.2
       debug: 4.4.0(supports-color@8.1.1)
       eslint: 8.57.1
       typescript: 5.5.3
     transitivePeerDependencies:
       - supports-color
 
+  '@typescript-eslint/project-service@8.46.2(typescript@5.5.3)':
+    dependencies:
+      '@typescript-eslint/tsconfig-utils': 8.46.2(typescript@5.5.3)
+      '@typescript-eslint/types': 8.46.2
+      debug: 4.4.0(supports-color@8.1.1)
+      typescript: 5.5.3
+    transitivePeerDependencies:
+      - supports-color
+
   '@typescript-eslint/scope-manager@6.7.0':
     dependencies:
       '@typescript-eslint/types': 6.7.0
@@ -13569,10 +13801,14 @@ snapshots:
       '@typescript-eslint/types': 7.15.0
       '@typescript-eslint/visitor-keys': 7.15.0
 
-  '@typescript-eslint/scope-manager@8.20.0':
+  '@typescript-eslint/scope-manager@8.46.2':
     dependencies:
-      '@typescript-eslint/types': 8.20.0
-      '@typescript-eslint/visitor-keys': 8.20.0
+      '@typescript-eslint/types': 8.46.2
+      '@typescript-eslint/visitor-keys': 8.46.2
+
+  '@typescript-eslint/tsconfig-utils@8.46.2(typescript@5.5.3)':
+    dependencies:
+      typescript: 5.5.3
 
   '@typescript-eslint/type-utils@6.7.0(eslint@8.57.0)(typescript@5.5.3)':
     dependencies:
@@ -13598,13 +13834,14 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/type-utils@8.20.0(eslint@8.57.1)(typescript@5.5.3)':
+  '@typescript-eslint/type-utils@8.46.2(eslint@8.57.1)(typescript@5.5.3)':
     dependencies:
-      '@typescript-eslint/typescript-estree': 8.20.0(typescript@5.5.3)
-      '@typescript-eslint/utils': 8.20.0(eslint@8.57.1)(typescript@5.5.3)
+      '@typescript-eslint/types': 8.46.2
+      '@typescript-eslint/typescript-estree': 8.46.2(typescript@5.5.3)
+      '@typescript-eslint/utils': 8.46.2(eslint@8.57.1)(typescript@5.5.3)
       debug: 4.4.0(supports-color@8.1.1)
       eslint: 8.57.1
-      ts-api-utils: 2.0.0(typescript@5.5.3)
+      ts-api-utils: 2.1.0(typescript@5.5.3)
       typescript: 5.5.3
     transitivePeerDependencies:
       - supports-color
@@ -13613,7 +13850,7 @@ snapshots:
 
   '@typescript-eslint/types@7.15.0': {}
 
-  '@typescript-eslint/types@8.20.0': {}
+  '@typescript-eslint/types@8.46.2': {}
 
   '@typescript-eslint/typescript-estree@6.7.0(typescript@5.5.3)':
     dependencies:
@@ -13644,16 +13881,18 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/typescript-estree@8.20.0(typescript@5.5.3)':
+  '@typescript-eslint/typescript-estree@8.46.2(typescript@5.5.3)':
     dependencies:
-      '@typescript-eslint/types': 8.20.0
-      '@typescript-eslint/visitor-keys': 8.20.0
+      '@typescript-eslint/project-service': 8.46.2(typescript@5.5.3)
+      '@typescript-eslint/tsconfig-utils': 8.46.2(typescript@5.5.3)
+      '@typescript-eslint/types': 8.46.2
+      '@typescript-eslint/visitor-keys': 8.46.2
       debug: 4.4.0(supports-color@8.1.1)
       fast-glob: 3.3.3
       is-glob: 4.0.3
       minimatch: 9.0.5
       semver: 7.6.3
-      ts-api-utils: 2.0.0(typescript@5.5.3)
+      ts-api-utils: 2.1.0(typescript@5.5.3)
       typescript: 5.5.3
     transitivePeerDependencies:
       - supports-color
@@ -13683,12 +13922,12 @@ snapshots:
       - supports-color
       - typescript
 
-  '@typescript-eslint/utils@8.20.0(eslint@8.57.1)(typescript@5.5.3)':
+  '@typescript-eslint/utils@8.46.2(eslint@8.57.1)(typescript@5.5.3)':
     dependencies:
-      '@eslint-community/eslint-utils': 4.4.1(eslint@8.57.1)
-      '@typescript-eslint/scope-manager': 8.20.0
-      '@typescript-eslint/types': 8.20.0
-      '@typescript-eslint/typescript-estree': 8.20.0(typescript@5.5.3)
+      '@eslint-community/eslint-utils': 4.9.0(eslint@8.57.1)
+      '@typescript-eslint/scope-manager': 8.46.2
+      '@typescript-eslint/types': 8.46.2
+      '@typescript-eslint/typescript-estree': 8.46.2(typescript@5.5.3)
       eslint: 8.57.1
       typescript: 5.5.3
     transitivePeerDependencies:
@@ -13704,10 +13943,10 @@ snapshots:
       '@typescript-eslint/types': 7.15.0
       eslint-visitor-keys: 3.4.3
 
-  '@typescript-eslint/visitor-keys@8.20.0':
+  '@typescript-eslint/visitor-keys@8.46.2':
     dependencies:
-      '@typescript-eslint/types': 8.20.0
-      eslint-visitor-keys: 4.2.0
+      '@typescript-eslint/types': 8.46.2
+      eslint-visitor-keys: 4.2.1
 
   '@uiw/copy-to-clipboard@1.0.17': {}
 
@@ -13821,17 +14060,17 @@ snapshots:
       '@webassemblyjs/ast': 1.14.1
       '@xtuc/long': 4.2.2
 
-  '@webpack-cli/configtest@2.1.1(webpack-cli@5.1.4)(webpack@5.92.1)':
+  '@webpack-cli/configtest@2.1.1(webpack-cli@5.1.4(webpack@5.92.1))(webpack@5.92.1(webpack-cli@5.1.4))':
     dependencies:
       webpack: 5.92.1(webpack-cli@5.1.4)
       webpack-cli: 5.1.4(webpack@5.92.1)
 
-  '@webpack-cli/info@2.0.2(webpack-cli@5.1.4)(webpack@5.92.1)':
+  '@webpack-cli/info@2.0.2(webpack-cli@5.1.4(webpack@5.92.1))(webpack@5.92.1(webpack-cli@5.1.4))':
     dependencies:
       webpack: 5.92.1(webpack-cli@5.1.4)
       webpack-cli: 5.1.4(webpack@5.92.1)
 
-  '@webpack-cli/serve@2.0.5(webpack-cli@5.1.4)(webpack@5.92.1)':
+  '@webpack-cli/serve@2.0.5(webpack-cli@5.1.4(webpack@5.92.1))(webpack@5.92.1(webpack-cli@5.1.4))':
     dependencies:
       webpack: 5.92.1(webpack-cli@5.1.4)
       webpack-cli: 5.1.4(webpack@5.92.1)
@@ -13881,6 +14120,8 @@ snapshots:
 
   acorn@8.14.0: {}
 
+  acorn@8.15.0: {}
+
   address@2.0.3: {}
 
   agent-base@6.0.2:
@@ -14007,6 +14248,17 @@ snapshots:
       get-intrinsic: 1.2.7
       is-string: 1.1.1
 
+  array-includes@3.1.9:
+    dependencies:
+      call-bind: 1.0.8
+      call-bound: 1.0.4
+      define-properties: 1.2.1
+      es-abstract: 1.24.0
+      es-object-atoms: 1.1.1
+      get-intrinsic: 1.3.0
+      is-string: 1.1.1
+      math-intrinsics: 1.1.0
+
   array-union@1.0.2:
     dependencies:
       array-uniq: 1.0.3
@@ -14033,6 +14285,16 @@ snapshots:
       es-object-atoms: 1.1.1
       es-shim-unscopables: 1.0.2
 
+  array.prototype.findlastindex@1.2.6:
+    dependencies:
+      call-bind: 1.0.8
+      call-bound: 1.0.4
+      define-properties: 1.2.1
+      es-abstract: 1.23.9
+      es-errors: 1.3.0
+      es-object-atoms: 1.1.1
+      es-shim-unscopables: 1.1.0
+
   array.prototype.flat@1.3.3:
     dependencies:
       call-bind: 1.0.8
@@ -14143,7 +14405,7 @@ snapshots:
     dependencies:
       '@babel/core': 7.26.0
       find-cache-dir: 4.0.0
-      schema-utils: 4.3.0
+      schema-utils: 4.3.3
       webpack: 5.97.1
 
   babel-plugin-istanbul@6.1.1:
@@ -14251,6 +14513,8 @@ snapshots:
 
   base64-js@1.5.1: {}
 
+  baseline-browser-mapping@2.8.12: {}
+
   basic-ftp@5.0.5: {}
 
   bcp-47-match@2.0.3: {}
@@ -14322,6 +14586,14 @@ snapshots:
       node-releases: 2.0.19
       update-browserslist-db: 1.1.2(browserslist@4.24.4)
 
+  browserslist@4.26.3:
+    dependencies:
+      baseline-browser-mapping: 2.8.12
+      caniuse-lite: 1.0.30001748
+      electron-to-chromium: 1.5.230
+      node-releases: 2.0.23
+      update-browserslist-db: 1.1.3(browserslist@4.26.3)
+
   bs58@4.0.1:
     dependencies:
       base-x: 3.0.10
@@ -14434,6 +14706,8 @@ snapshots:
 
   caniuse-lite@1.0.30001692: {}
 
+  caniuse-lite@1.0.30001748: {}
+
   ccount@2.0.1: {}
 
   chai@4.3.4:
@@ -15248,6 +15522,8 @@ snapshots:
     dependencies:
       jake: 10.9.2
 
+  electron-to-chromium@1.5.230: {}
+
   electron-to-chromium@1.5.82: {}
 
   elegant-spinner@1.0.1: {}
@@ -15289,6 +15565,11 @@ snapshots:
       graceful-fs: 4.2.11
       tapable: 2.2.1
 
+  enhanced-resolve@5.18.3:
+    dependencies:
+      graceful-fs: 4.2.11
+      tapable: 2.3.0
+
   entities@4.5.0: {}
 
   env-ci@11.1.0:
@@ -15364,6 +15645,63 @@ snapshots:
       unbox-primitive: 1.1.0
       which-typed-array: 1.1.18
 
+  es-abstract@1.24.0:
+    dependencies:
+      array-buffer-byte-length: 1.0.2
+      arraybuffer.prototype.slice: 1.0.4
+      available-typed-arrays: 1.0.7
+      call-bind: 1.0.8
+      call-bound: 1.0.4
+      data-view-buffer: 1.0.2
+      data-view-byte-length: 1.0.2
+      data-view-byte-offset: 1.0.1
+      es-define-property: 1.0.1
+      es-errors: 1.3.0
+      es-object-atoms: 1.1.1
+      es-set-tostringtag: 2.1.0
+      es-to-primitive: 1.3.0
+      function.prototype.name: 1.1.8
+      get-intrinsic: 1.3.0
+      get-proto: 1.0.1
+      get-symbol-description: 1.1.0
+      globalthis: 1.0.4
+      gopd: 1.2.0
+      has-property-descriptors: 1.0.2
+      has-proto: 1.2.0
+      has-symbols: 1.1.0
+      hasown: 2.0.2
+      internal-slot: 1.1.0
+      is-array-buffer: 3.0.5
+      is-callable: 1.2.7
+      is-data-view: 1.0.2
+      is-negative-zero: 2.0.3
+      is-regex: 1.2.1
+      is-set: 2.0.3
+      is-shared-array-buffer: 1.0.4
+      is-string: 1.1.1
+      is-typed-array: 1.1.15
+      is-weakref: 1.1.1
+      math-intrinsics: 1.1.0
+      object-inspect: 1.13.4
+      object-keys: 1.1.1
+      object.assign: 4.1.7
+      own-keys: 1.0.1
+      regexp.prototype.flags: 1.5.4
+      safe-array-concat: 1.1.3
+      safe-push-apply: 1.0.0
+      safe-regex-test: 1.1.0
+      set-proto: 1.0.0
+      stop-iteration-iterator: 1.1.0
+      string.prototype.trim: 1.2.10
+      string.prototype.trimend: 1.0.9
+      string.prototype.trimstart: 1.0.8
+      typed-array-buffer: 1.0.3
+      typed-array-byte-length: 1.0.3
+      typed-array-byte-offset: 1.0.4
+      typed-array-length: 1.0.7
+      unbox-primitive: 1.1.0
+      which-typed-array: 1.1.19
+
   es-define-property@1.0.1: {}
 
   es-errors@1.3.0: {}
@@ -15371,7 +15709,7 @@ snapshots:
   es-get-iterator@1.1.3:
     dependencies:
       call-bind: 1.0.8
-      get-intrinsic: 1.2.7
+      get-intrinsic: 1.3.0
       has-symbols: 1.1.0
       is-arguments: 1.2.0
       is-map: 2.0.3
@@ -15401,6 +15739,8 @@ snapshots:
 
   es-module-lexer@1.6.0: {}
 
+  es-module-lexer@1.7.0: {}
+
   es-object-atoms@1.1.1:
     dependencies:
       es-errors: 1.3.0
@@ -15416,6 +15756,10 @@ snapshots:
     dependencies:
       hasown: 2.0.2
 
+  es-shim-unscopables@1.1.0:
+    dependencies:
+      hasown: 2.0.2
+
   es-to-primitive@1.3.0:
     dependencies:
       is-callable: 1.2.7
@@ -15444,22 +15788,22 @@ snapshots:
     optionalDependencies:
       source-map: 0.6.1
 
-  eslint-config-next@15.4.6(eslint@8.57.1)(typescript@5.5.3):
+  eslint-config-next@16.0.1(@typescript-eslint/parser@8.46.2(eslint@8.57.1)(typescript@5.5.3))(eslint@8.57.1)(typescript@5.5.3):
     dependencies:
-      '@next/eslint-plugin-next': 15.4.6
-      '@rushstack/eslint-patch': 1.10.5
-      '@typescript-eslint/eslint-plugin': 8.20.0(@typescript-eslint/parser@8.20.0(eslint@8.57.1)(typescript@5.5.3))(eslint@8.57.1)(typescript@5.5.3)
-      '@typescript-eslint/parser': 8.20.0(eslint@8.57.1)(typescript@5.5.3)
+      '@next/eslint-plugin-next': 16.0.1
       eslint: 8.57.1
       eslint-import-resolver-node: 0.3.9
-      eslint-import-resolver-typescript: 3.7.0(eslint-plugin-import@2.31.0)(eslint@8.57.1)
-      eslint-plugin-import: 2.31.0(@typescript-eslint/parser@8.20.0(eslint@8.57.1)(typescript@5.5.3))(eslint-import-resolver-typescript@3.7.0)(eslint@8.57.1)
+      eslint-import-resolver-typescript: 3.7.0(eslint-plugin-import@2.32.0)(eslint@8.57.1)
+      eslint-plugin-import: 2.32.0(@typescript-eslint/parser@8.46.2(eslint@8.57.1)(typescript@5.5.3))(eslint-import-resolver-typescript@3.7.0)(eslint@8.57.1)
       eslint-plugin-jsx-a11y: 6.10.2(eslint@8.57.1)
       eslint-plugin-react: 7.37.5(eslint@8.57.1)
-      eslint-plugin-react-hooks: 5.1.0(eslint@8.57.1)
+      eslint-plugin-react-hooks: 7.0.1(eslint@8.57.1)
+      globals: 16.4.0
+      typescript-eslint: 8.46.2(eslint@8.57.1)(typescript@5.5.3)
     optionalDependencies:
       typescript: 5.5.3
     transitivePeerDependencies:
+      - '@typescript-eslint/parser'
       - eslint-import-resolver-webpack
       - eslint-plugin-import-x
       - supports-color
@@ -15472,12 +15816,6 @@ snapshots:
     dependencies:
       eslint: 8.57.0
 
-  eslint-config-turbo@2.5.5(eslint@8.57.1)(turbo@2.3.3):
-    dependencies:
-      eslint: 8.57.1
-      eslint-plugin-turbo: 2.5.5(eslint@8.57.1)(turbo@2.3.3)
-      turbo: 2.3.3
-
   eslint-import-resolver-node@0.3.9:
     dependencies:
       debug: 3.2.7
@@ -15486,7 +15824,7 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  eslint-import-resolver-typescript@3.7.0(eslint-plugin-import@2.31.0)(eslint@8.57.1):
+  eslint-import-resolver-typescript@3.7.0(eslint-plugin-import@2.32.0)(eslint@8.57.1):
     dependencies:
       '@nolyfill/is-core-module': 1.0.39
       debug: 4.4.0(supports-color@8.1.1)
@@ -15498,7 +15836,7 @@ snapshots:
       is-glob: 4.0.3
       stable-hash: 0.0.4
     optionalDependencies:
-      eslint-plugin-import: 2.31.0(@typescript-eslint/parser@8.20.0(eslint@8.57.1)(typescript@5.5.3))(eslint-import-resolver-typescript@3.7.0)(eslint@8.57.1)
+      eslint-plugin-import: 2.32.0(@typescript-eslint/parser@8.46.2(eslint@8.57.1)(typescript@5.5.3))(eslint-import-resolver-typescript@3.7.0)(eslint@8.57.1)
     transitivePeerDependencies:
       - supports-color
 
@@ -15522,14 +15860,14 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  eslint-module-utils@2.12.0(@typescript-eslint/parser@8.20.0(eslint@8.57.1)(typescript@5.5.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.7.0)(eslint@8.57.1):
+  eslint-module-utils@2.12.1(@typescript-eslint/parser@8.46.2(eslint@8.57.1)(typescript@5.5.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.7.0(eslint-plugin-import@2.32.0)(eslint@8.57.1))(eslint@8.57.1):
     dependencies:
       debug: 3.2.7
     optionalDependencies:
-      '@typescript-eslint/parser': 8.20.0(eslint@8.57.1)(typescript@5.5.3)
+      '@typescript-eslint/parser': 8.46.2(eslint@8.57.1)(typescript@5.5.3)
       eslint: 8.57.1
       eslint-import-resolver-node: 0.3.9
-      eslint-import-resolver-typescript: 3.7.0(eslint-plugin-import@2.31.0)(eslint@8.57.1)
+      eslint-import-resolver-typescript: 3.7.0(eslint-plugin-import@2.32.0)(eslint@8.57.1)
     transitivePeerDependencies:
       - supports-color
 
@@ -15587,18 +15925,18 @@ snapshots:
       - eslint-import-resolver-webpack
       - supports-color
 
-  eslint-plugin-import@2.31.0(@typescript-eslint/parser@8.20.0(eslint@8.57.1)(typescript@5.5.3))(eslint-import-resolver-typescript@3.7.0)(eslint@8.57.1):
+  eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.46.2(eslint@8.57.1)(typescript@5.5.3))(eslint-import-resolver-typescript@3.7.0)(eslint@8.57.1):
     dependencies:
       '@rtsao/scc': 1.1.0
-      array-includes: 3.1.8
-      array.prototype.findlastindex: 1.2.5
+      array-includes: 3.1.9
+      array.prototype.findlastindex: 1.2.6
       array.prototype.flat: 1.3.3
       array.prototype.flatmap: 1.3.3
       debug: 3.2.7
       doctrine: 2.1.0
       eslint: 8.57.1
       eslint-import-resolver-node: 0.3.9
-      eslint-module-utils: 2.12.0(@typescript-eslint/parser@8.20.0(eslint@8.57.1)(typescript@5.5.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.7.0)(eslint@8.57.1)
+      eslint-module-utils: 2.12.1(@typescript-eslint/parser@8.46.2(eslint@8.57.1)(typescript@5.5.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.7.0(eslint-plugin-import@2.32.0)(eslint@8.57.1))(eslint@8.57.1)
       hasown: 2.0.2
       is-core-module: 2.16.1
       is-glob: 4.0.3
@@ -15610,7 +15948,7 @@ snapshots:
       string.prototype.trimend: 1.0.9
       tsconfig-paths: 3.15.0
     optionalDependencies:
-      '@typescript-eslint/parser': 8.20.0(eslint@8.57.1)(typescript@5.5.3)
+      '@typescript-eslint/parser': 8.46.2(eslint@8.57.1)(typescript@5.5.3)
     transitivePeerDependencies:
       - eslint-import-resolver-typescript
       - eslint-import-resolver-webpack
@@ -15647,9 +15985,16 @@ snapshots:
       '@types/eslint': 9.6.1
       eslint-config-prettier: 9.0.0(eslint@8.57.0)
 
-  eslint-plugin-react-hooks@5.1.0(eslint@8.57.1):
+  eslint-plugin-react-hooks@7.0.1(eslint@8.57.1):
     dependencies:
+      '@babel/core': 7.26.0
+      '@babel/parser': 7.26.5
       eslint: 8.57.1
+      hermes-parser: 0.25.1
+      zod: 3.25.76
+      zod-validation-error: 4.0.2(zod@3.25.76)
+    transitivePeerDependencies:
+      - supports-color
 
   eslint-plugin-react@7.37.5(eslint@8.57.1):
     dependencies:
@@ -15677,7 +16022,7 @@ snapshots:
     dependencies:
       safe-regex: 2.1.1
 
-  eslint-plugin-turbo@2.5.5(eslint@8.57.1)(turbo@2.3.3):
+  eslint-plugin-turbo@2.5.8(eslint@8.57.1)(turbo@2.3.3):
     dependencies:
       dotenv: 16.0.3
       eslint: 8.57.1
@@ -15695,7 +16040,7 @@ snapshots:
 
   eslint-visitor-keys@3.4.3: {}
 
-  eslint-visitor-keys@4.2.0: {}
+  eslint-visitor-keys@4.2.1: {}
 
   eslint@8.57.0:
     dependencies:
@@ -16055,6 +16400,10 @@ snapshots:
     dependencies:
       is-callable: 1.2.7
 
+  for-each@0.3.5:
+    dependencies:
+      is-callable: 1.2.7
+
   foreground-child@2.0.0:
     dependencies:
       cross-spawn: 7.0.6
@@ -16296,6 +16645,8 @@ snapshots:
     dependencies:
       type-fest: 0.20.2
 
+  globals@16.4.0: {}
+
   globalthis@1.0.4:
     dependencies:
       define-properties: 1.2.1
@@ -16549,6 +16900,12 @@ snapshots:
 
   help-me@5.0.0: {}
 
+  hermes-estree@0.25.1: {}
+
+  hermes-parser@0.25.1:
+    dependencies:
+      hermes-estree: 0.25.1
+
   highlight-es@1.0.3:
     dependencies:
       chalk: 2.4.2
@@ -16696,6 +17053,10 @@ snapshots:
 
   i18next-fs-backend@2.6.0: {}
 
+  i18next-resources-to-backend@1.2.1:
+    dependencies:
+      '@babel/runtime': 7.26.0
+
   i18next@23.16.8:
     dependencies:
       '@babel/runtime': 7.26.0
@@ -16720,6 +17081,8 @@ snapshots:
 
   ignore@5.3.2: {}
 
+  ignore@7.0.5: {}
+
   immediate@3.0.6: {}
 
   import-fresh@3.3.0:
@@ -16848,7 +17211,7 @@ snapshots:
 
   is-arguments@1.2.0:
     dependencies:
-      call-bound: 1.0.3
+      call-bound: 1.0.4
       has-tostringtag: 1.0.2
 
   is-array-buffer@3.0.5:
@@ -16863,7 +17226,7 @@ snapshots:
 
   is-async-function@2.1.0:
     dependencies:
-      call-bound: 1.0.3
+      call-bound: 1.0.4
       get-proto: 1.0.1
       has-tostringtag: 1.0.2
       safe-regex-test: 1.1.0
@@ -16878,7 +17241,7 @@ snapshots:
 
   is-boolean-object@1.2.1:
     dependencies:
-      call-bound: 1.0.3
+      call-bound: 1.0.4
       has-tostringtag: 1.0.2
 
   is-buffer@2.0.5: {}
@@ -16905,7 +17268,7 @@ snapshots:
 
   is-date-object@1.1.0:
     dependencies:
-      call-bound: 1.0.3
+      call-bound: 1.0.4
       has-tostringtag: 1.0.2
 
   is-decimal@2.0.1: {}
@@ -16920,7 +17283,7 @@ snapshots:
 
   is-finalizationregistry@1.1.1:
     dependencies:
-      call-bound: 1.0.3
+      call-bound: 1.0.4
 
   is-finite@1.1.0: {}
 
@@ -16955,9 +17318,11 @@ snapshots:
 
   is-module@1.0.0: {}
 
+  is-negative-zero@2.0.3: {}
+
   is-number-object@1.1.1:
     dependencies:
-      call-bound: 1.0.3
+      call-bound: 1.0.4
       has-tostringtag: 1.0.2
 
   is-number@7.0.0: {}
@@ -17030,7 +17395,7 @@ snapshots:
 
   is-symbol@1.1.1:
     dependencies:
-      call-bound: 1.0.3
+      call-bound: 1.0.4
       has-symbols: 1.1.0
       safe-regex-test: 1.1.0
 
@@ -17060,10 +17425,14 @@ snapshots:
     dependencies:
       call-bound: 1.0.3
 
+  is-weakref@1.1.1:
+    dependencies:
+      call-bound: 1.0.4
+
   is-weakset@2.0.4:
     dependencies:
-      call-bound: 1.0.3
-      get-intrinsic: 1.2.7
+      call-bound: 1.0.4
+      get-intrinsic: 1.3.0
 
   is-what@4.1.16: {}
 
@@ -17678,16 +18047,6 @@ snapshots:
       - debug
       - encoding
 
-  keychain-sdk@0.8.5:
-    dependencies:
-      '@types/node': 18.19.70
-      axios: 1.7.9
-      hive-keychain-commons: 1.3.2
-      uuid: 9.0.1
-    transitivePeerDependencies:
-      - debug
-      - encoding
-
   keygrip@1.1.0:
     dependencies:
       tsscmp: 1.0.6
@@ -17872,8 +18231,6 @@ snapshots:
 
   long@3.2.0: {}
 
-  long@5.3.1: {}
-
   longest-streak@3.1.0: {}
 
   loose-envify@1.4.0:
@@ -18385,6 +18742,8 @@ snapshots:
 
   nan@2.22.0: {}
 
+  nanoid@3.3.11: {}
+
   nanoid@3.3.8: {}
 
   nanoid@5.0.9: {}
@@ -18517,6 +18876,8 @@ snapshots:
 
   node-releases@2.0.19: {}
 
+  node-releases@2.0.23: {}
+
   normalize-package-data@6.0.2:
     dependencies:
       hosted-git-info: 7.0.2
@@ -18550,6 +18911,12 @@ snapshots:
     dependencies:
       boolbase: 1.0.0
 
+  null-loader@4.0.1(webpack@5.97.1):
+    dependencies:
+      loader-utils: 2.0.4
+      schema-utils: 3.3.0
+      webpack: 5.97.1
+
   nwsapi@2.2.16: {}
 
   nyc@17.0.0:
@@ -18592,6 +18959,8 @@ snapshots:
 
   object-inspect@1.13.3: {}
 
+  object-inspect@1.13.4: {}
+
   object-is@1.1.6:
     dependencies:
       call-bind: 1.0.8
@@ -19099,7 +19468,7 @@ snapshots:
 
   postcss@8.4.38:
     dependencies:
-      nanoid: 3.3.8
+      nanoid: 3.3.11
       picocolors: 1.1.1
       source-map-js: 1.2.1
 
@@ -19277,7 +19646,7 @@ snapshots:
 
   react-i18next@15.4.0(i18next@23.16.8)(react-dom@18.3.0(react@18.3.0))(react@18.3.0):
     dependencies:
-      '@babel/runtime': 7.26.0
+      '@babel/runtime': 7.28.4
       html-parse-stringify: 3.0.1
       i18next: 23.16.8
       react: 18.3.0
@@ -19503,7 +19872,7 @@ snapshots:
       es-abstract: 1.23.9
       es-errors: 1.3.0
       es-object-atoms: 1.1.1
-      get-intrinsic: 1.2.7
+      get-intrinsic: 1.3.0
       get-proto: 1.0.1
       which-builtin-type: 1.2.1
 
@@ -19868,6 +20237,13 @@ snapshots:
       ajv-formats: 2.1.1(ajv@8.17.1)
       ajv-keywords: 5.1.0(ajv@8.17.1)
 
+  schema-utils@4.3.3:
+    dependencies:
+      '@types/json-schema': 7.0.15
+      ajv: 8.17.1
+      ajv-formats: 2.1.1(ajv@8.17.1)
+      ajv-keywords: 5.1.0(ajv@8.17.1)
+
   scriptjs@2.5.9: {}
 
   secp256k1@3.8.1:
@@ -20243,7 +20619,7 @@ snapshots:
   string.prototype.trimend@1.0.9:
     dependencies:
       call-bind: 1.0.8
-      call-bound: 1.0.3
+      call-bound: 1.0.4
       define-properties: 1.2.1
       es-object-atoms: 1.1.1
 
@@ -20443,6 +20819,8 @@ snapshots:
 
   tapable@2.2.1: {}
 
+  tapable@2.3.0: {}
+
   temp-dir@2.0.0: {}
 
   temp-dir@3.0.0: {}
@@ -20461,11 +20839,11 @@ snapshots:
       type-fest: 2.19.0
       unique-string: 3.0.0
 
-  terser-webpack-plugin@5.3.11(webpack@5.92.1):
+  terser-webpack-plugin@5.3.11(webpack@5.92.1(webpack-cli@5.1.4)):
     dependencies:
       '@jridgewell/trace-mapping': 0.3.25
       jest-worker: 27.5.1
-      schema-utils: 4.3.0
+      schema-utils: 4.3.3
       serialize-javascript: 6.0.2
       terser: 5.37.0
       webpack: 5.92.1(webpack-cli@5.1.4)
@@ -20474,11 +20852,20 @@ snapshots:
     dependencies:
       '@jridgewell/trace-mapping': 0.3.25
       jest-worker: 27.5.1
-      schema-utils: 4.3.0
+      schema-utils: 4.3.3
       serialize-javascript: 6.0.2
       terser: 5.37.0
       webpack: 5.97.1
 
+  terser-webpack-plugin@5.3.14(webpack@5.97.1):
+    dependencies:
+      '@jridgewell/trace-mapping': 0.3.31
+      jest-worker: 27.5.1
+      schema-utils: 4.3.3
+      serialize-javascript: 6.0.2
+      terser: 5.44.0
+      webpack: 5.97.1
+
   terser@5.37.0:
     dependencies:
       '@jridgewell/source-map': 0.3.6
@@ -20486,6 +20873,13 @@ snapshots:
       commander: 2.20.3
       source-map-support: 0.5.21
 
+  terser@5.44.0:
+    dependencies:
+      '@jridgewell/source-map': 0.3.11
+      acorn: 8.15.0
+      commander: 2.20.3
+      source-map-support: 0.5.21
+
   test-exclude@6.0.0:
     dependencies:
       '@istanbuljs/schema': 0.1.3
@@ -20794,7 +21188,7 @@ snapshots:
     dependencies:
       typescript: 5.5.3
 
-  ts-api-utils@2.0.0(typescript@5.5.3):
+  ts-api-utils@2.1.0(typescript@5.5.3):
     dependencies:
       typescript: 5.5.3
 
@@ -20802,7 +21196,7 @@ snapshots:
 
   ts-interface-checker@0.1.13: {}
 
-  ts-loader@9.5.2(typescript@5.5.3)(webpack@5.92.1):
+  ts-loader@9.5.2(typescript@5.5.3)(webpack@5.92.1(webpack-cli@5.1.4)):
     dependencies:
       chalk: 4.1.2
       enhanced-resolve: 5.18.0
@@ -20976,6 +21370,17 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  typescript-eslint@8.46.2(eslint@8.57.1)(typescript@5.5.3):
+    dependencies:
+      '@typescript-eslint/eslint-plugin': 8.46.2(@typescript-eslint/parser@8.46.2(eslint@8.57.1)(typescript@5.5.3))(eslint@8.57.1)(typescript@5.5.3)
+      '@typescript-eslint/parser': 8.46.2(eslint@8.57.1)(typescript@5.5.3)
+      '@typescript-eslint/typescript-estree': 8.46.2(typescript@5.5.3)
+      '@typescript-eslint/utils': 8.46.2(eslint@8.57.1)(typescript@5.5.3)
+      eslint: 8.57.1
+      typescript: 5.5.3
+    transitivePeerDependencies:
+      - supports-color
+
   typescript@4.7.4: {}
 
   typescript@5.3.3: {}
@@ -21091,6 +21496,12 @@ snapshots:
       escalade: 3.2.0
       picocolors: 1.1.1
 
+  update-browserslist-db@1.1.3(browserslist@4.26.3):
+    dependencies:
+      browserslist: 4.26.3
+      escalade: 3.2.0
+      picocolors: 1.1.1
+
   update-check@1.5.4:
     dependencies:
       registry-auth-token: 3.3.2
@@ -21238,6 +21649,11 @@ snapshots:
       glob-to-regexp: 0.4.1
       graceful-fs: 4.2.11
 
+  watchpack@2.4.4:
+    dependencies:
+      glob-to-regexp: 0.4.1
+      graceful-fs: 4.2.11
+
   wcwidth@1.0.1:
     dependencies:
       defaults: 1.0.4
@@ -21272,9 +21688,9 @@ snapshots:
   webpack-cli@5.1.4(webpack@5.92.1):
     dependencies:
       '@discoveryjs/json-ext': 0.5.7
-      '@webpack-cli/configtest': 2.1.1(webpack-cli@5.1.4)(webpack@5.92.1)
-      '@webpack-cli/info': 2.0.2(webpack-cli@5.1.4)(webpack@5.92.1)
-      '@webpack-cli/serve': 2.0.5(webpack-cli@5.1.4)(webpack@5.92.1)
+      '@webpack-cli/configtest': 2.1.1(webpack-cli@5.1.4(webpack@5.92.1))(webpack@5.92.1(webpack-cli@5.1.4))
+      '@webpack-cli/info': 2.0.2(webpack-cli@5.1.4(webpack@5.92.1))(webpack@5.92.1(webpack-cli@5.1.4))
+      '@webpack-cli/serve': 2.0.5(webpack-cli@5.1.4(webpack@5.92.1))(webpack@5.92.1(webpack-cli@5.1.4))
       colorette: 2.0.20
       commander: 10.0.1
       cross-spawn: 7.0.6
@@ -21299,6 +21715,8 @@ snapshots:
 
   webpack-sources@3.2.3: {}
 
+  webpack-sources@3.3.3: {}
+
   webpack-visualizer-plugin2@1.1.0:
     dependencies:
       d3: 3.5.17
@@ -21330,7 +21748,7 @@ snapshots:
       neo-async: 2.6.2
       schema-utils: 3.3.0
       tapable: 2.2.1
-      terser-webpack-plugin: 5.3.11(webpack@5.92.1)
+      terser-webpack-plugin: 5.3.11(webpack@5.92.1(webpack-cli@5.1.4))
       watchpack: 2.4.2
       webpack-sources: 3.2.3
     optionalDependencies:
@@ -21343,15 +21761,15 @@ snapshots:
   webpack@5.97.1:
     dependencies:
       '@types/eslint-scope': 3.7.7
-      '@types/estree': 1.0.6
+      '@types/estree': 1.0.8
       '@webassemblyjs/ast': 1.14.1
       '@webassemblyjs/wasm-edit': 1.14.1
       '@webassemblyjs/wasm-parser': 1.14.1
-      acorn: 8.14.0
-      browserslist: 4.24.4
+      acorn: 8.15.0
+      browserslist: 4.26.3
       chrome-trace-event: 1.0.4
-      enhanced-resolve: 5.18.0
-      es-module-lexer: 1.6.0
+      enhanced-resolve: 5.18.3
+      es-module-lexer: 1.7.0
       eslint-scope: 5.1.1
       events: 3.3.0
       glob-to-regexp: 0.4.1
@@ -21361,10 +21779,10 @@ snapshots:
       mime-types: 2.1.35
       neo-async: 2.6.2
       schema-utils: 3.3.0
-      tapable: 2.2.1
-      terser-webpack-plugin: 5.3.11(webpack@5.97.1)
-      watchpack: 2.4.2
-      webpack-sources: 3.2.3
+      tapable: 2.3.0
+      terser-webpack-plugin: 5.3.14(webpack@5.97.1)
+      watchpack: 2.4.4
+      webpack-sources: 3.3.3
     transitivePeerDependencies:
       - '@swc/core'
       - esbuild
@@ -21415,7 +21833,7 @@ snapshots:
 
   which-builtin-type@1.2.1:
     dependencies:
-      call-bound: 1.0.3
+      call-bound: 1.0.4
       function.prototype.name: 1.1.8
       has-tostringtag: 1.0.2
       is-async-function: 2.1.0
@@ -21453,6 +21871,16 @@ snapshots:
       gopd: 1.2.0
       has-tostringtag: 1.0.2
 
+  which-typed-array@1.1.19:
+    dependencies:
+      available-typed-arrays: 1.0.7
+      call-bind: 1.0.8
+      call-bound: 1.0.4
+      for-each: 0.3.5
+      get-proto: 1.0.1
+      gopd: 1.2.0
+      has-tostringtag: 1.0.2
+
   which@1.3.1:
     dependencies:
       isexe: 2.0.0
@@ -21749,8 +22177,14 @@ snapshots:
 
   yoctocolors@2.1.1: {}
 
+  zod-validation-error@4.0.2(zod@3.25.76):
+    dependencies:
+      zod: 3.25.76
+
   zod@3.24.1: {}
 
+  zod@3.25.76: {}
+
   zustand@4.5.6(@types/react@18.3.0)(react@18.3.0):
     dependencies:
       use-sync-external-store: 1.4.0(react@18.3.0)
diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml
index 34019bc5fb4344bf3b0ac59ba4b491da71c0e210..adea20c5cd3c9ad99c1cb65aed1f4f32d0789fc5 100644
--- a/pnpm-workspace.yaml
+++ b/pnpm-workspace.yaml
@@ -5,9 +5,9 @@ packages:
 catalogs:
   # Can be referenced through "catalog:hiveio-toolset"
   hiveio-toolset:
-    "@hiveio/beekeeper": 1.27.11
-    "@hiveio/wax": 1.27.6-rc10-stable.250718075612
-    "@hiveio/wax-signers-keychain": 1.27.6-rc10-stable.250718075612
-    "@hiveio/workerbee": 1.27.6-rc13-stable.250718112733
-    "@hiveio/hb-auth": 0.0.1-stable.250718112633
-    "@hiveio/healthchecker-component": 1.0.0-stable.250821060201
+    '@hiveio/beekeeper': 1.28.3-251105100532
+    '@hiveio/wax': 1.27.12-rc3-251105101534
+    '@hiveio/wax-signers-keychain': 1.27.12-rc3-251105101534
+    '@hiveio/workerbee': 1.27.12-rc3-251105124317
+    '@hiveio/hb-auth': 1.27.12-rc3-251105124922
+    '@hiveio/healthchecker-component': 1.0.0-stable.251106092955