🎟️ Added selection to show display code or ticket number

[BiancoGabry]

This pull request introduces a new "number display" configuration, allowing the app to show either the order's display code or its ticket number (optionally modulo a maximum value) throughout the display and manager UIs. The changes ensure that both the display and manager views respect this setting, which is persisted in local storage and configurable via the settings page.

Display and order label logic:

• Added support for a numberDisplay setting (either "displayCode" or "ticketNumber") and an optional ticketNumberMax value, which controls whether ticket numbers are shown as-is or modulo a maximum. This logic is now used in all order cards on the main display and manager screens. [1] [2] [3] [4] [5]

Configuration and persistence:

• Updated the API route (app/api/display-config/route.ts) to accept and update the new numberDisplay and ticketNumberMax fields. [1] [2]
• Enhanced the display and manager components to load and persist these settings from both the API and local storage, ensuring consistent behavior across reloads and sessions. [1] [2] [3] [4] [5]

Settings UI:

• Added a new NumberDisplaySettingsCard component to the settings page, allowing users to configure how order numbers are displayed and set the maximum value for ticket numbers. [1] [2]

Prop and interface updates:

• Updated the DisplaySection component and its usage to accept a getOrderLabel prop, centralizing the logic for determining the label shown on order cards. [1] [2] [3]

Imports and type usage:

• Added imports for the new keys and types related to number display throughout relevant files, ensuring type safety and maintainability. [1] [2]

These changes collectively introduce a flexible and user-configurable way to display order identifiers, improving the adaptability of the app for different workflows and preferences.