feat(export-import): add yaml export/import with id upsert for credentials, snippets, and scenarios

- all entities export a kind field (credential/snippet/scenario) for safe type checking on import
- import upserts by id: overwrites if id exists, creates with explicit id otherwise
- scenario export now includes id and step ids; import deletes old steps before recreating
- add GET /:id/export and POST /import endpoints to credential and snippet controllers
- add UuidBadge ui component: shortens uuid to first+last 4 hex chars, tooltip, clipboard copy with animated ClipboardCheck icon pop
- apply UuidBadge across all entity id display sites (detail pages, card footers, table columns)
- add export/import buttons to CredentialsPage, SnippetsPage, CredentialDetailPage, SnippetDetailPage

server/src/environment/environment.controller.ts

@@ -5,7 +5,7 @@ import {
   Get,
   HttpCode,
   Param,
-  ParseIntPipe,
+  ParseUUIDPipe,
   Patch,
   Post,
   Query,
@@ -41,7 +41,7 @@ export class EnvironmentController {
   @ApiOperation({ summary: "Get environment by ID" })
   @ApiResponse({ status: 200, description: "Environment record" })
   @ApiResponse({ status: 404, description: "Environment not found" })
-  findOne(@Param("id", ParseIntPipe) id: number) {
+  findOne(@Param("id", ParseUUIDPipe) id: string) {
     return this.environmentService.findOne(id);
   }
 
@@ -50,7 +50,7 @@ export class EnvironmentController {
   @ApiResponse({ status: 200, description: "Environment updated" })
   @ApiResponse({ status: 404, description: "Environment not found" })
   update(
-    @Param("id", ParseIntPipe) id: number,
+    @Param("id", ParseUUIDPipe) id: string,
     @Body() dto: UpdateEnvironmentDto,
   ) {
     return this.environmentService.update(id, dto);
@@ -61,7 +61,7 @@ export class EnvironmentController {
   @ApiOperation({ summary: "Delete an environment" })
   @ApiResponse({ status: 204, description: "Environment deleted" })
   @ApiResponse({ status: 404, description: "Environment not found" })
-  remove(@Param("id", ParseIntPipe) id: number) {
+  remove(@Param("id", ParseUUIDPipe) id: string) {
     return this.environmentService.remove(id);
   }
 }

server/src/environment/environment.entity.ts

@@ -15,8 +15,8 @@ export interface EnvironmentUrls {
 
 @Entity("environments")
 export class EnvironmentEntity {
-  @PrimaryGeneratedColumn()
-  id: number;
+  @PrimaryGeneratedColumn("uuid")
+  id: string;
 
   @Column({ unique: true })
   name: string;

server/src/environment/environment.service.ts

@@ -45,14 +45,14 @@ export class EnvironmentService {
     return { data, total, page, limit };
   }
 
-  async findOne(id: number): Promise<EnvironmentEntity> {
+  async findOne(id: string): Promise<EnvironmentEntity> {
     const env = await this.repo.findOneBy({ id });
     if (!env) throw new NotFoundException(`Environment ${id} not found`);
     return env;
   }
 
   async update(
-    id: number,
+    id: string,
     dto: UpdateEnvironmentDto,
   ): Promise<EnvironmentEntity> {
     const env = await this.findOne(id);
@@ -60,7 +60,7 @@ export class EnvironmentService {
     return this.repo.save(env);
   }
 
-  async remove(id: number): Promise<void> {
+  async remove(id: string): Promise<void> {
     await this.findOne(id);
     await this.repo.delete(id);
   }