Explain the new Control Flow (@if, @for, @switch) and how it compares to structural directives.

import { Component } from '@angular/core';

@Component({
  selector: 'app-flow-demo',
  standalone: true,
  template: '<h3>Users</h3>' +
    '@if (isAdmin) {' +
    '  <p class="badge">Admin Panel Mode</p>' +
    '} @else {' +
    '  <p class="badge">User Mode</p>' +
    '}' +
    '<ul>' +
    '  @for (user of users; track user.id; let idx = $index) {' +
    '    <li>#{{ idx }}: {{ user.name }}</li>' +
    '  } @empty {' +
    '    <li>No users registered.</li>' +
    '  }' +
    '</ul>'
})
export class FlowDemoComponent {
  isAdmin = false;
  users = [
    { id: 1, name: 'Alice' },
    { id: 2, name: 'Bob' }
  ];
}