Update columnDef in TableCodespacesUsageComponent and move export button

Author: austenstone

src/app/components/usage/codespaces/table-codespaces-usage/table-codespaces-usage.component.ts

@@ -139,7 +139,7 @@ export class TableCodespacesUsageComponent implements OnChanges, AfterViewInit {
     } else if (this.tableType === 'repo') {
       columns = [
         {
-          columnDef: 'repositorySlug',
+          columnDef: 'repo',
           header: 'Repository',
           cell: (workflowItem: CodespacesUsageItem) => `${workflowItem.repositorySlug}`,
           sticky: true

src/app/components/usage/usage.component.html

@@ -13,11 +13,6 @@ <h1 class="mat-headline-2" style="user-select: none; font-weight: 800; text-alig
 <mat-progress-bar *ngIf="progress && progress < 99" mode="determinate" [value]="progress"></mat-progress-bar>
 <mat-progress-bar *ngIf="progress && progress >= 99" mode="indeterminate"></mat-progress-bar>
 
-<button mat-button *ngIf="usage" (click)="exportHtml()">
-  <mat-icon>download</mat-icon>
-  Export
-</button>
-
 <div id="usage-report" *ngIf="usage">
   <form class="mat-app-background">
     <mat-form-field appearance="fill">
@@ -57,6 +52,10 @@ <h1 class="mat-headline-2" style="user-select: none; font-weight: 800; text-alig
         <mat-button-toggle value="cost">Cost</mat-button-toggle>
       </mat-button-toggle-group>
     </div>
+    <button mat-button *ngIf="usage" (click)="exportHtml()" style="margin-left: auto;">
+      <mat-icon>download</mat-icon>
+      Export
+    </button>
   </form>
   <mat-tab-group (selectedTabChange)="tabChanged($event)">
     <mat-tab *ngIf="this.usageLines.actions.length > 0">

src/material.theme.scss

@@ -152,6 +152,7 @@ $light-theme: mat.define-light-theme((
   background: #0d1117 !important;
  }
 
+  .mat-column-owner,
   .mat-column-username,
   .mat-column-workflow,
   .mat-column-repo,