Add edit button to columns list

src/app/column-editor/column-editor.component.ts

@@ -3,11 +3,12 @@ import { AccordionModule } from 'primeng/accordion';
 import { Column } from '../duckdb.service';
 import { Checkbox, CheckboxChangeEvent } from 'primeng/checkbox';
 import { FormsModule } from '@angular/forms';
+import { Button } from 'primeng/button';
 
 @Component({
   selector: 'app-column-editor',
   standalone: true,
-  imports: [AccordionModule, Checkbox, FormsModule],
+  imports: [AccordionModule, Checkbox, FormsModule, Button],
   template: `
     <p-accordion [value]="0">
       <p-accordion-panel [value]="0">
@@ -15,7 +16,7 @@ import { FormsModule } from '@angular/forms';
         <p-accordion-content>
           <ul>
             @for (column of columns(); track $index) {
-              <li>
+              <li class="flex items-baseline">
                 <p-checkbox
                   (ngModelChange)="checkboxChanged($index)"
                   [binary]="true"
@@ -23,9 +24,13 @@ import { FormsModule } from '@angular/forms';
                   name="group"
                   [ngModel]="column.enabled"
                 />
-                <label [for]="column.name" class="ml-2">
+                <label
+                  [for]="column.name"
+                  class="ml-2 grow shrink basis-0 truncate"
+                >
                   {{ column.name }}
                 </label>
+                <p-button icon="pi pi-pencil" text> </p-button>
               </li>
             }
           </ul>