feat: implement ConfigurationFieldsColumn component with search, reordering, and field management actions

src/app/configuration/actionBuilder/components/ConfigurationFieldsColumn.tsx

@@ -3,7 +3,7 @@ import { useState } from 'react';
 import {
   PlusIcon,
   MagnifyingGlassIcon,
-  PencilSimpleIcon,
+  PencilSimpleLineIcon,
   TrashIcon,
   DotsSixVerticalIcon,
 } from '@phosphor-icons/react';
@@ -171,8 +171,8 @@ export function ConfigurationFieldsColumn({
                       {/* Active Badge */}
                       <span
                         className={`text-[12px] font-medium px-3 py-1 rounded-full ${f.isActive !== false
-                            ? 'bg-[#E6F7ED] text-[#1E7D5C]'
-                            : 'bg-slate-100 text-slate-500'
+                          ? 'bg-[#E6F7ED] text-[#1E7D5C]'
+                          : 'bg-slate-100 text-slate-500'
                           }`}
                       >
                         {f.isActive !== false ? 'Active' : 'Inactive'}
@@ -188,7 +188,7 @@ export function ConfigurationFieldsColumn({
                         title="Edit Field"
                         className="p-1 text-slate-800 hover:text-[#1E7D5C] transition-colors cursor-pointer"
                       >
-                        <PencilSimpleIcon size={18} weight="bold" />
+                        <PencilSimpleLineIcon size={18} weight="bold" />
                       </button>
                       <button
                         type="button"