fix(description-card): handle negative diff in relative date & use SPA navigation for links (#264)

* fix(description-card): handle negative diff in relative date format

When updatedAt is slightly in the future relative to now (e.g., due to
server clock differences after redirect from edit page), Math.floor of
a small negative number produces -1, which displayed as '-1 days ago'.

Fix: treat any negative diffDays as 'Today'.

Also adds tests for renderField covering text, badge, date, money,
link, and address field types.

* Format files

* fix(description-card): use react-router Link for internal navigation

Replace <a href> with react-router <Link to> in LinkFieldRenderer (for
internal links) and ReferenceFieldRenderer to enable SPA navigation
instead of full page reloads. External links (meta.external: true) still
use <a target="_blank">.

Also adds reference field tests and improves link field test coverage.

* feat(description-card): show minutes/hours in relative date & support future dates

- Replace 'Today' with granular 'X minutes ago' / 'X hours ago'
- Add future date support: 'In X minutes', 'In X hours', 'Tomorrow', etc.
- Add 'Just now' for diffs under 1 minute (past and future)
- Add comprehensive tests for all relative date thresholds
- Add table-formatted doc comment for formatDate function

* feat(description-card): add i18n support for relative date labels

- Add i18n.ts with en/ja translations for all relative date strings
- Use useDescriptionCardT hook in DateFieldRenderer
- formatDate accepts optional t function, falls back to English
- Fix circular dependency in tests by reordering imports
- Add AppShell context wrapper to DescriptionCard tests

* chore: add changeset for description-card fixes

Author: IzumiSy

.changeset/brave-olives-march.md

@@ -0,0 +1,9 @@
+---
+"@tailor-platform/app-shell": patch
+---
+
+Fix and improve `DescriptionCard` component:
+
+- Fix relative date formatting producing incorrect output for future dates (negative time diff)
+- Add i18n label support for relative date strings
+- Use react-router `<Link>` for internal navigation in link and reference fields instead of plain `<a>` tags

packages/core/src/components/description-card/DescriptionCard.test.tsx

@@ -1,7 +1,10 @@
 import { afterEach, describe, expect, it } from "vitest";
 import { cleanup, render, screen } from "@testing-library/react";
+import { createAppShellWrapper } from "../../../tests/test-utils";
 import { DescriptionCard } from "./DescriptionCard";
 
+const wrapper = createAppShellWrapper();
+
 afterEach(() => {
   cleanup();
 });
@@ -14,6 +17,7 @@ describe("DescriptionCard", () => {
         data={{ status: "NOT_RECEIVED" }}
         fields={[{ key: "status", label: "Status", type: "badge" }]}
       />,
+      { wrapper },
     );
 
     expect(screen.getByText("Not received")).toBeDefined();
@@ -33,6 +37,7 @@ describe("DescriptionCard", () => {
           },
         ]}
       />,
+      { wrapper },
     );
 
     expect(screen.getByText("NOT_RECEIVED")).toBeDefined();