refactor(auth): improve iOS platform detection

Replace Capacitor.getPlatform() with Platform.is() getter methods in
login/signup pages for better Ionic framework alignment and proper
encapsulation. Add platform detection guidelines to documentation.

Author: olgahaha

.github/copilot-instructions.md

@@ -104,6 +104,7 @@ npx cap open ios              # Open in Xcode
 - Implement offline support with local database sync
 - Optimize performance with lazy loading and asset optimization
 - Follow mobile-first responsive design principles
+- **Platform Detection**: Use `Platform.is('ios')` from `@ionic/angular` instead of `Capacitor.getPlatform() === 'ios'` for better Ionic integration and consistency
 
 ## Configuration Files
 

CLAUDE.md

@@ -146,5 +146,6 @@ npx cap open ios              # Open project in Xcode
 - Use Visual Studio Code with Prettier extension
 - Run `npm run lint` before commits
 - Maintain comprehensive test coverage
+- **Platform Detection**: Use `Platform.is('ios')` from `@ionic/angular` instead of `Capacitor.getPlatform() === 'ios'` for better Ionic integration and consistency
 
 This mobile application combines modern web technologies with native mobile capabilities to create a content authenticity and blockchain integration platform.

src/app/features/login/login.page.ts

@@ -3,8 +3,7 @@ import { Component } from '@angular/core';
 import { UntypedFormGroup } from '@angular/forms';
 import { MatSnackBar } from '@angular/material/snack-bar';
 import { ActivatedRoute, Router } from '@angular/router';
-import { AlertController } from '@ionic/angular';
-import { Capacitor } from '@capacitor/core';
+import { AlertController, Platform } from '@ionic/angular';
 import { TranslocoService } from '@ngneat/transloco';
 import { UntilDestroy, untilDestroyed } from '@ngneat/until-destroy';
 import { FormlyFieldConfig } from '@ngx-formly/core';
@@ -38,7 +37,9 @@ export class LoginPage {
 
   showResendEmailButton = false;
 
-  readonly isIOS = Capacitor.getPlatform() === 'ios';
+  get isIOS(): boolean {
+    return this.platform.is('ios');
+  }
 
   constructor(
     private readonly blockingActionService: BlockingActionService,
@@ -48,6 +49,7 @@ export class LoginPage {
     private readonly snackbar: MatSnackBar,
     private readonly onboardingService: OnboardingService,
     private readonly errorService: ErrorService,
+    private readonly platform: Platform,
     private readonly route: ActivatedRoute,
     private readonly alertController: AlertController
   ) {

src/app/features/signup/signup.page.ts

@@ -2,7 +2,7 @@ import { HttpErrorResponse } from '@angular/common/http';
 import { Component } from '@angular/core';
 import { UntypedFormGroup } from '@angular/forms';
 import { Router } from '@angular/router';
-import { Capacitor } from '@capacitor/core';
+import { Platform } from '@ionic/angular';
 import { TranslocoService } from '@ngneat/transloco';
 import { UntilDestroy, untilDestroyed } from '@ngneat/until-destroy';
 import { FormlyFieldConfig } from '@ngx-formly/core';
@@ -32,14 +32,17 @@ export class SignupPage {
 
   fields: FormlyFieldConfig[] = [];
 
-  readonly isIOS = Capacitor.getPlatform() === 'ios';
+  get isIOS(): boolean {
+    return this.platform.is('ios');
+  }
 
   constructor(
     private readonly blockingActionService: BlockingActionService,
     private readonly diaBackendAuthService: DiaBackendAuthService,
     private readonly errorService: ErrorService,
     private readonly translocoService: TranslocoService,
-    private readonly router: Router
+    private readonly router: Router,
+    private readonly platform: Platform
   ) {
     combineLatest([
       this.translocoService.selectTranslate('email'),