add style to remaining components

src/app/system/external-services/external-services.component.ts

@@ -9,10 +9,22 @@ import { Component, OnInit } from '@angular/core';
   templateUrl: './external-services.component.html',
 })
 export class ExternalServicesComponent implements OnInit {
+  // Initialize an array of 4 boolean values, all set to false
+  arrowBooleans: boolean[] = new Array(4).fill(false);
 
   constructor() { }
 
   ngOnInit() {
   }
 
+  /**
+   * Popover function
+   * @param arrowNumber - The index of the boolean value to toggle.
+   */
+
+  arrowBooleansToggle(arrowNumber:number) {
+    // Toggle the boolean value at the given index
+    this.arrowBooleans[arrowNumber] = !this.arrowBooleans[arrowNumber];
+  }
+
 }