add function for user

- create house
- edit house
- delete house
- list all member for active house

src/components/house/house-column.tsx

@@ -1,6 +1,8 @@
 import { m } from '@paraglide/messages';
+import { PenIcon } from '@phosphor-icons/react';
 import { ColumnDef } from '@tanstack/react-table';
 import { formatters } from '@utils/formatters';
+import { Button } from '../ui/button';
 import DeleteHouseAction from './delete-house-dialog';
 import EditHouseAction from './edit-house-dialog';
 import ViewDetailHouse from './view-house-detail-dialog';
@@ -42,7 +44,17 @@ export const houseColumns: ColumnDef<OrganizationWithMembers>[] = [
       return (
         <div className="flex justify-end gap-2">
           <ViewDetailHouse data={row.original} />
-          <EditHouseAction data={row.original} />
+          <EditHouseAction data={row.original}>
+            <Button
+              type="button"
+              variant="ghost"
+              size="icon"
+              className="rounded-full cursor-pointer text-blue-500 hover:bg-blue-100 hover:text-blue-600"
+            >
+              <PenIcon size={16} />
+              <span className="sr-only">{m.ui_edit_house_btn()}</span>
+            </Button>
+          </EditHouseAction>
           <DeleteHouseAction data={row.original} />
         </div>
       );