feat: 管理策の属性をタグ風UIで表示

[okash1n]

概要

管理策ページの「管理策の概要」テーブルにある属性を、タグ/バッジ風の見た目で表示する。将来的にブログ機能（#75）のタグと共通コンポーネントにする。

現状

| 項目 | 内容 |
|------|------|
| 管理策タイプ | 予防的、検知的、是正的 |
| 情報セキュリティ特性 | 機密性、完全性、可用性 |
| サイバーセキュリティ概念 | 識別、検知、対応 |
| 運用能力 | 脅威・脆弱性管理 |
| セキュリティドメイン | 防御、レジリエンス |

プレーンテキストの表形式で視認性が低い。

目標

タグ/バッジ風のUIで表示し、視覚的に分かりやすくする。

実装方針

1. frontmatter にデータ移行

---
title: A.5.7 脅威インテリジェンス
attributes:
  controlType: [予防的, 検知的, 是正的]
  securityProperty: [機密性, 完全性, 可用性]
  cyberConcept: [識別, 検知, 対応]
  capability: 脅威・脆弱性管理
  domain: [防御, レジリエンス]
---

2. Vue コンポーネント作成

docs/.vitepress/theme/components/
├── ControlAttributes.vue   # 管理策属性表示
├── TagBadge.vue           # 共通タグバッジ（ブログと共用）
└── TagGroup.vue           # タググループ

3. markdown での使用

# A.5.7 脅威インテリジェンス

<ControlAttributes />

## 目的
...

デザイン案

管理策タイプ:    [予防的] [検知的] [是正的]
セキュリティ特性: [機密性] [完全性] [可用性]
概念:           [識別] [検知] [対応]
運用能力:        [脅威・脆弱性管理]
ドメイン:        [防御] [レジリエンス]

• カテゴリごとに色分け（オプション）
• ダークモード対応
• ホバー時のハイライト

タスク

• TagBadge.vue コンポーネント作成
• ControlAttributes.vue コンポーネント作成
• テーマに登録（グローバルコンポーネント化）
• CSS スタイリング（ダークモード対応）
• 既存の管理策ページを frontmatter 形式に移行（28ファイル）
• 本文の表を <ControlAttributes /> に置換

将来の拡張

• ブログタグとの共通化（feat: ブログ/コラム機能の追加 #75）
• 属性によるフィルタリング機能
• 属性の一覧ページ（タグクラウド的な）

関連

• feat: ブログ/コラム機能の追加 #75 ブログ/コラム機能