fix: sidebar item alignment and add ResizeObserver mock to tests

Author: fyalavuz

packages/react/__tests__/setup.ts

@@ -1 +1,10 @@
 import "@testing-library/jest-dom/vitest";
+import { vi } from "vitest";
+
+class ResizeObserverMock {
+  observe = vi.fn();
+  unobserve = vi.fn();
+  disconnect = vi.fn();
+}
+
+vi.stubGlobal("ResizeObserver", ResizeObserverMock);

packages/react/src/NavItem.tsx

@@ -22,7 +22,7 @@ export const NavItem = memo(function NavItem({
   const content = (
     <>
       {icon && <span className="shrink-0 opacity-70 group-data-[active=true]:opacity-100 transition-opacity">{icon}</span>}
-      <span className="flex-1 truncate">{label}</span>
+      <span className="flex-1 truncate text-left">{label}</span>
       {badge && <span className="shrink-0 ml-auto">{badge}</span>}
     </>
   );