Fix oppia#19536: Adds hover effect to subscribe button on android page (oppia#19565)

* button replaced by primary-button in android page, also disabled attribute added

* fix linter error

Author: sagar-subedi

core/templates/components/button-directives/primary-button.component.html

@@ -1,6 +1,7 @@
 <button type="submit"
         class="oppia-primary-button"
         [ngClass]="customClasses"
+        [disabled]="disabled"
         (click)="handleButtonClick()">
   {{ buttonText }}
 </button>

core/templates/components/button-directives/primary-button.component.ts

@@ -31,6 +31,7 @@ import './primary-button.component.css';
 export class PrimaryButtonComponent {
   @Input() buttonText: string = '';
   @Input() customClasses?: string[];
+  @Input() disabled?: boolean = false;
   @Input() buttonHref: string | null = null;
   @Output() onClickPrimaryButton: EventEmitter<void> = new EventEmitter<void>();
 

core/templates/pages/android-page/android-page.component.html

@@ -205,11 +205,11 @@
               Please confirm before subscribing.
             </div>
             <div class="oppia-android-updates-input-padding text-center">
-              <button [disabled]="!userCanSubscribe || !validateEmailAddress()"
-                      (click)="subscribeToAndroidList()"
-                      class="btn oppia-android-updates-button w-100">
-                {{ 'I18N_ANDROID_PAGE_UPDATES_SUBMIT_BUTTON_TEXT' | translate }}
-              </button>
+              <oppia-primary-button [disabled]="!userCanSubscribe || !validateEmailAddress()"
+                                    (onClickPrimaryButton)="subscribeToAndroidList()"
+                                    [customClasses]="'btn oppia-android-updates-button w-100'"
+                                    [buttonText]="'I18N_ANDROID_PAGE_UPDATES_SUBMIT_BUTTON_TEXT' | translate">
+              </oppia-primary-button>
             </div>
           </div>
           <div *ngIf="userHasSubscribed"