fix: safe destroy of hcaptcha instance

[DSergiu]

• for a safe cleanup it is recommended to use hcaptcha.remove(hCaptchaId)

[degloman]

@DSergiu
I've created a temporary directive to handle such case. But I faced with issue when you navigate to next page and get back to page with captcha again.

///<reference types="@hcaptcha/types"/>

import { DOCUMENT } from '@angular/common';
import { Directive, inject, OnDestroy } from '@angular/core';

import { NgHcaptchaComponent } from 'ng-hcaptcha';

declare global {
  // eslint-disable-next-line @typescript-eslint/naming-convention
  interface Window {
    hcaptcha: HCaptcha;
  }
}

@Directive({
  selector: 'ng-hcaptcha[hcaptchaSafeDestroy]',
  standalone: true
})
export class HcaptchaSafeDestroyDirective implements OnDestroy {
  protected readonly document = inject(DOCUMENT);
  protected hCaptchaComponent = inject(NgHcaptchaComponent, { optional: true });

  get window(): Window {
    return this.document.defaultView;
  }

  get widgetId(): string {
    return (this.hCaptchaComponent as unknown as { widgetId: string })?.widgetId;
  }

  ngOnDestroy(): void {
    if (this.window.hcaptcha && this.widgetId) {
      this.window.hcaptcha.remove(this.widgetId);
    }
  }
}

this place will throw an error: https://github.com/leNicDev/ng-hcaptcha/blob/3ba5c8d7491cc41a80c2d934097b8c1a1fe07e1e/projects/ng-hcaptcha/src/lib/ng-hcaptcha.component.ts#L119C1-L119C1