coding-convention

Use kebab-case for file names and PascalCase for exports, such as `order-card.tsx` exporting `export const OrderCard`. Hooks use camelCase exports like `usePrinter`, and Zustand stores use the `.store.ts` suffix with a `use` prefix.

Create the store with `create<IStore>()(persist((set) => ({...}), { name: 'unique-name' }))`. Define the state interface in a separate types file, and subscribe to specific slices via selectors rather than spreading the entire store.

Use `FC<Props>` imported from react or an explicit `(props: Props) => JSX.Element` signature. The `React.FC` namespace pattern is deprecated. Always define a separate props interface rather than inline object types.

Let the global MutationCache handler process errors automatically by omitting `onError` unless `meta.ignoreGlobalError` is set. In manual try/catch blocks, return immediately after the catch to stop execution since the global toast already fires.

Hardcoded strings prevent localization and create inconsistency across languages. Use `useTranslation` with namespaced keys like `t('chefArea:addPrinter')`, with translation files stored in `public/locales/[lang]/[namespace].json`.