fix translation

* fix filesize formatting

apps/client/src/features/editor/components/attachment/upload-attachment-action.tsx

@@ -3,7 +3,7 @@ import { uploadFile } from "@/features/page/services/page-service.ts";
 import { notifications } from "@mantine/notifications";
 import { getFileUploadSizeLimit } from "@/lib/config.ts";
 import { formatBytes } from "@/lib";
-import i18n from "i18next";
+import i18n from "@/i18n.ts";
 
 export const uploadAttachmentAction = handleAttachmentUpload({
   onUpload: async (file: File, pageId: string): Promise<any> => {

apps/client/src/features/editor/components/code-block/mermaid-view.tsx

@@ -3,7 +3,7 @@ import { useEffect, useState } from "react";
 import mermaid from "mermaid";
 import { v4 as uuidv4 } from "uuid";
 import classes from "./code-block.module.css";
-import { t } from "i18next";
+import { useTranslation } from "react-i18next";
 
 mermaid.initialize({
   startOnLoad: false,
@@ -15,6 +15,7 @@ interface MermaidViewProps {
 }
 
 export default function MermaidView({ props }: MermaidViewProps) {
+  const { t } = useTranslation();
   const { node } = props;
   const [preview, setPreview] = useState<string>("");
 

apps/client/src/features/editor/components/image/upload-image-action.tsx

@@ -3,7 +3,7 @@ import { uploadFile } from "@/features/page/services/page-service.ts";
 import { notifications } from "@mantine/notifications";
 import { getFileUploadSizeLimit } from "@/lib/config.ts";
 import { formatBytes } from "@/lib";
-import i18n from "i18next";
+import i18n from "@/i18n.ts";
 
 export const uploadImageAction = handleImageUpload({
   onUpload: async (file: File, pageId: string): Promise<any> => {

apps/client/src/features/editor/components/video/upload-video-action.tsx

@@ -3,7 +3,7 @@ import { uploadFile } from "@/features/page/services/page-service.ts";
 import { notifications } from "@mantine/notifications";
 import { getFileUploadSizeLimit } from "@/lib/config.ts";
 import { formatBytes } from "@/lib";
-import i18n from "i18next";
+import i18n from "@/i18n.ts";
 
 export const uploadVideoAction = handleVideoUpload({
   onUpload: async (file: File, pageId: string): Promise<any> => {

apps/client/src/features/space/types/space-role-data.ts

@@ -1,5 +1,5 @@
 import { IRoleData, SpaceRole } from "@/lib/types.ts";
-import i18n from "i18next";
+import i18n from "@/i18n.ts";
 
 export const spaceRoleData: IRoleData[] = [
   {

apps/client/src/lib/time.ts

@@ -1,6 +1,6 @@
 import { formatDistanceStrict } from "date-fns";
 import { format, isToday, isYesterday } from "date-fns";
-import i18n from "i18next";
+import i18n from "@/i18n.ts";
 
 export function timeAgo(date: Date) {
   return formatDistanceStrict(new Date(date), new Date(), { addSuffix: true });

apps/client/src/lib/utils.ts

@@ -28,14 +28,10 @@ export const computeSpaceSlug = (name: string) => {
   }
 };
 
-export const formatBytes = (
+export const formatBytes = (bytes: number): string => {
-  bytes: number,
-  decimalPlaces: number = 2,
-): string => {
   if (bytes === 0) return "0.0 KB";
 
   const unitSize = 1024;
-  const precision = decimalPlaces < 0 ? 0 : decimalPlaces;
   const units = ["KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"];
 
   const kilobytes = bytes / unitSize;
@@ -44,6 +40,9 @@ export const formatBytes = (
   const adjustedUnitIndex = Math.max(unitIndex, 0);
   const adjustedSize = kilobytes / Math.pow(unitSize, adjustedUnitIndex);
 
+  // Use one decimal for KB and no decimals for MB or higher
+  const precision = adjustedUnitIndex === 0 ? 1 : 0;
+
   return `${adjustedSize.toFixed(precision)} ${units[adjustedUnitIndex]}`;
 };
 
@@ -66,9 +65,9 @@ function decodeBase64(base64: string): string {
 }
 
 export function decodeBase64ToSvgString(base64Data: string): string {
-  const base64Prefix = 'data:image/svg+xml;base64,';
+  const base64Prefix = "data:image/svg+xml;base64,";
   if (base64Data.startsWith(base64Prefix)) {
-      base64Data = base64Data.replace(base64Prefix, '');
+    base64Data = base64Data.replace(base64Prefix, "");
   }
 
   return decodeBase64(base64Data);