removed autocomplete chargecode for time entry read only status

src/angular/hq/src/app/staff-dashboard/staff-dashboard-time-entry/staff-dashboard-time-entry.component.html

@@ -211,29 +211,16 @@
     <td class="border-b border-black py-2 px-4 text-gray-450">
       {{ time?.date }}
     </td>
-    <td class="border-b border-black py-2 pl-2 text-center text-gray-450">
-      <div class="px-3">
-        <hq-select-input
-          [readonly]="true"
-          [formControlName]="'chargeCodeId'"
-          [autocomplete]="true"
-          variant="pill"
-          [inline]="true"
+    <td class="border-b border-black py-2 text-center text-gray-450">
+      <div class="px-4">
+        <button
+          type="button"
+          disabled
+          class="flex items-center border justify-between bg-blue-900 select-none overflow-hidden border-transparent text-center font-semibold rounded-full px-3 py-1"
+          [style.background-color]="chargeCodeToColor(time?.chargeCode ?? '')"
         >
-          <ng-template [hqSelectInputOption]="null">Chrge</ng-template>
-          @for (code of chargeCodes; track code.id) {
-            <ng-template
-              [hqSelectInputOption]="code.id"
-              [hqSelectInputOptionSelectedDisplay]="code.code"
-              [hqSelectInputOptionSearch]="
-                code.code + ': ' + code.clientName + ': ' + code.projectName
-              "
-              >{{
-                code.code + ": " + code.clientName + ": " + code.projectName
-              }}</ng-template
-            >
-          }
-        </hq-select-input>
+          {{ time?.chargeCode }}
+        </button>
       </div>
     </td>
     <td class="border-b border-black py-2 pl-2 text-gray-450">