fix(playground): add Inter font to VFS and fix Data Binding each template

Add Inter-Regular.ttf to example-assets so it appears in VFS file tree.
All examples now explicitly declare the font in assets list.
Fix Data Binding example: add as:item to each loop for string arrays.

Author: RoboNET

src/FlexRender.Playground/PlaygroundApi.cs

@@ -36,7 +36,7 @@ public static void Initialize()
             _memoryLoader = new MemoryResourceLoader();
             _parser = new TemplateParser();
 
-            // Load embedded default font (WASM has no system fonts)
+            // Load embedded default font into VFS (WASM has no system fonts)
             LoadEmbeddedFont("Inter-Regular.ttf");
 
             var builder = new FlexRenderBuilder()

src/FlexRender.Playground/wwwroot/example-assets/Inter-Regular.ttf

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:3e5f90a0138b38de4cf4d779ad78391974ea1df776b9164842bdcbb60ce383c5
+size 342680

src/FlexRender.Playground/wwwroot/main.js

@@ -53,7 +53,8 @@ layout:
     size: 28
     color: "#333333"
     padding: "30"`,
-        json: '{}'
+        json: '{}',
+        assets: ['Inter-Regular.ttf'],
     },
     'Flex Layout': {
         yaml: `canvas:
@@ -88,7 +89,8 @@ layout:
             content: "Right (grow: 2)"
             color: "#ffffff"
             size: 16`,
-        json: '{}'
+        json: '{}',
+        assets: ['Inter-Regular.ttf'],
     },
     'Data Binding': {
         yaml: `canvas:
@@ -116,6 +118,7 @@ layout:
         color: "#eee"
       - type: each
         array: items
+        as: item
         children:
           - type: text
             content: "\u2022 {{item}}"
@@ -125,14 +128,17 @@ layout:
   "title": "Shopping List",
   "author": "FlexRender",
   "items": ["Apples", "Bread", "Milk", "Cheese"]
-}`
+}`,
+        assets: ['Inter-Regular.ttf'],
     },
     'Image Scaling': {
         yaml: `canvas:
   fixed: width
   width: 440
   background: "#ffffff"
-
+fonts:
+  - name: main
+    path: Inter-Regular.ttf
 layout:
   - type: flex
     direction: column
@@ -215,14 +221,16 @@ layout:
                     height: "120"
                     fit: fill`,
         json: '{}',
-        assets: ['test-pattern.png'],
+        assets: ['test-pattern.png', 'Inter-Regular.ttf'],
     },
     'Dynamic Receipt': {
         yaml: `canvas:
   fixed: width
   width: 320
   background: "#ffffff"
-
+fonts:
+  - name: main
+    path: Inter-Regular.ttf
 layout:
   - type: flex
     padding: "24 20"
@@ -423,7 +431,7 @@ layout:
   "paymentUrl": "https://pay.example.com/inv/12345",
   "date": "2026-03-10 14:30"
 }`,
-        assets: ['star-badge.png'],
+        assets: ['star-badge.png', 'Inter-Regular.ttf'],
     },
     'NDC Receipt': {
         yaml: `# NDC (ATM receipt) format — binary terminal data rendered as a receipt