fix: redraw chart on window resize to correct zoom-related misalignment

When the browser zoom level changes, the browser fires a resize event
but jsgantt-improved does not redraw the chart, causing task bars and
date headers to visually misalign.

Add a debounced window:resize @HostListener that redraws the Gantt
chart 200 ms after the last resize event. Also implement ngOnDestroy
to cancel any pending timer on component teardown.

Closes #29

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

Author: mariohmol

ng-gantt/src/gantt/gantt.component.ts

@@ -1,5 +1,5 @@
 import {
-  Component, ElementRef, Input, OnInit, ViewChild
+  Component, ElementRef, HostListener, Input, OnDestroy, OnInit, ViewChild
 } from '@angular/core';
 // import { JSGantt } from 'jsgantt-improved';
 import * as JSGantt from 'jsgantt-improved';
@@ -11,11 +11,12 @@ import { GanttEditorOptions } from './gantt.editoroptions';
   standalone: false,
   template: '<div [id]="id" #ganttEditorContainer></div>'
 })
-export class GanttEditorComponent implements OnInit {
+export class GanttEditorComponent implements OnInit, OnDestroy {
   private editor: any;
   public id = 'anggantteditor' + Math.floor(Math.random() * 1000000);
   public optionsChanged = false;
   public formats = ['Hour', 'Day', 'Week', 'Month', 'Quarter'];
+  private _resizeTimer: any;
 
   @ViewChild('ganttEditorContainer', { static: true }) ganttEditorContainer: ElementRef;
 
@@ -89,6 +90,21 @@ export class GanttEditorComponent implements OnInit {
     // this.editor.destroy();
   }
 
+  ngOnDestroy() {
+    clearTimeout(this._resizeTimer);
+  }
+
+  @HostListener('window:resize')
+  onWindowResize() {
+    clearTimeout(this._resizeTimer);
+    this._resizeTimer = setTimeout(() => {
+      if (this.editor) {
+        this.destroy();
+        this.ngOnInit();
+      }
+    }, 200);
+  }
+
   public getEditor(){
     return this.editor;
   }