UUID Version 4生成ページの追加

[devin-ai-integration]

概要

WebToolsリポジトリに、https://api.nave-wata.net/tools/generator/uuid4 のAPIを利用したUUID Version 4生成ページを新規追加する。

APIの仕様

• エンドポイント: https://api.nave-wata.net/tools/generator/uuid4
• クエリパラメータ: c で生成数を指定（1-100の範囲）
• レスポンス形式（単数）:

{
  "data": {
    "uuid": "550e8400-e29b-41d4-a716-446655440000"
  }
}

• レスポンス形式（複数、例: ?c=5）: uuids配列で返される

実装する機能

1. 生成ボタン

以下の5つのボタンを配置:

• 1個生成ボタン
• 10個生成ボタン
• 20個生成ボタン
• 50個生成ボタン
• 100個生成ボタン

2. コピー機能

• 個別コピーボタン: 各UUIDごとに1つずつコピーボタンを配置
• 一括コピーボタン: 生成されたすべてのUUIDを改行区切りでまとめてコピー

3. UIデザイン

既存の他のツールページ（例: パスワードジェネレーター /generator/password）のUIを参考にして、一貫性のあるデザインにする。

ファイル構成

1. web/src/routes/generator/uuid4.rs - ルートコンポーネント
2. web/src/routes.rs - ルート登録
3. web/src/components/cards/uuid4_generator_card.rs - ツールカード
4. web/src/routes/top.rs - トップページへの追加

画像アセット

一旦はダミー画像を使用（https://api.nave-wata.net/tools/generator/dummy-image）