Add data-table render templates; expand zn-style and query-builder

[felippe-ch]

Data-table

• Add per-column render templates inspired by DataTables.net columns.render:
  • displayTemplates: Record<string, DisplayTemplate> on the component
  • header.renderTemplate: name lookup into displayTemplates
  • header.render: inline DisplayTemplate function (JS-property only)
  • <script type="zn-templates"> child compiled at connect for fully-declarative use
• Add column-level cell defaults: header.cellTemplate (data wins) and header.ifEmpty (fallback when cell has no text or icon)
• Accept a single Row on the data property in addition to Row[]
• Plumb row + header through renderCellBody to renderCell so templates have full context

zn-style

• border accepts a side string (t/b/l/r combinations, plus 'a' / 'tblr' for all sides); bare still renders all four for backward compatibility
• size prop with xs/s/m/l/xl mapped to the existing zn-font-size tokens
• muted helper class

Query-builder / datepicker

• QueryBuilderDateSubmitFormat = 'iso' | 'timestamp' | 'legacy' on filter items, controls how date / dateTime values are serialized at submit time
• datepicker container property for shadow-DOM-friendly overlay placement
• Pull air-datepicker theme rules into scss/air-datapicker.scss so the in-shadow global container picks up zinc tokens

Utilities

• deepQuery: cross-shadow-DOM querySelector helper

Docs

• New sections for render templates, column cell defaults, border sides, size, muted, and date submit format
• code-previews.cjs only IIFE-wraps scripts the browser would execute as JS so data-block types like <script type="zn-templates"> survive the preview build

Tests

• zn-style: border side mapping, size scale, muted
• data-table: single-Row data, displayTemplates surface
• query: deepQuery across light DOM, single shadow, nested shadows

[Jonezzyboy]

As discussed need to remove the render template functionality and add specific DateTime formatting as an option within data tables

[felippe-ch]

done

[Jonezzyboy]

Suggested change

	opacity: 0.5;
	color: var(--zn-color-muted-text);

[Jonezzyboy]

We shouldn't be changing the default format, we specifically chose the American format.

Suggested change

	@property() format: string = 'dd/MM/yyyy';
	@property() format: string = 'MM/dd/yyyy';