feat(projects): add playground architecture diagram and notes

Update the Playground entry on the projects page: diagram,
prerender, privacy and operations bullets, one challenge,
one learning, and the Traefik, nginx and Tailscale technologies.

src/app/constants/AssetsConstants.ts

@@ -42,6 +42,7 @@ export class AssetsConstants {
   ];
 
   static readonly CLAUDE_BOX_DIAGRAM = '/assets/projects/claude-in-a-box/1.svg';
+  static readonly PLAYGROUND_DIAGRAM = '/assets/projects/playground/architecture.svg';
   static readonly TBP_DIAGRAM = '/assets/projects/to-be-played/architecture.svg';
   static readonly TRIBBLE_DIAGRAM = '/assets/projects/tribble-the-homeserver/architecture.svg';
 

src/app/pages/projects/projects.component.ts

@@ -125,6 +125,7 @@ export class ProjectsComponent implements OnInit, OnDestroy {
       shortDescription: 'PROJECTS.PLAYGROUND.SHORT_DESCRIPTION',
       introduction: 'PROJECTS.PLAYGROUND.INTRODUCTION',
       images: AssetsConstants.PLAYGROUND_IMAGES.map(url => ({ url, source: '' })),
+      diagram: AssetsConstants.PLAYGROUND_DIAGRAM,
       icon: 'web',
       assets: '',
       links: [{ name: 'PROJECTS.LINK_TO_PROJECT', url: 'https://andreas-dahm.eu' }],
@@ -134,17 +135,20 @@ export class ProjectsComponent implements OnInit, OnDestroy {
         'PROJECTS.PLAYGROUND.BULLET_3',
         'PROJECTS.PLAYGROUND.BULLET_4',
         'PROJECTS.PLAYGROUND.BULLET_5',
+        'PROJECTS.PLAYGROUND.BULLET_6',
       ],
       challenges: [
         'PROJECTS.PLAYGROUND.CHALLENGE_1',
         'PROJECTS.PLAYGROUND.CHALLENGE_2',
+        'PROJECTS.PLAYGROUND.CHALLENGE_3',
       ],
       learnings: [
         'PROJECTS.PLAYGROUND.LEARNING_1',
         'PROJECTS.PLAYGROUND.LEARNING_2',
+        'PROJECTS.PLAYGROUND.LEARNING_3',
       ],
       isFeatured: false,
-      technologies: ['Angular', 'TypeScript', 'Tailwind CSS', 'WebGPU', 'GLSL', 'Babylon.js', 'Gitea Actions', 'Docker']
+      technologies: ['Angular', 'TypeScript', 'Tailwind CSS', 'WebGPU', 'GLSL', 'Babylon.js', 'Gitea Actions', 'Docker', 'Traefik', 'nginx', 'Tailscale']
     },
     {
       identifier: "elmucho",