🧩 Feature Requirement Update: navbar1 – Toggleable Emoji Navigation Bar
Component: User Settings → Custom Header Feature Name: navbar1 Purpose: Allow users to activate or deactivate a personalized navigation bar containing up to 25 emoji-labeled links. Each link is stored as a modular record and rendered only when the feature is toggled on.

✅ Functional Requirements
Activation Toggle
Located in Settings, labeled Enable Custom Header.

Boolean toggle (enabled: true | false) controls visibility of the navbar1 bar.

When enabled = false, the nav bar is hidden from the UI and excluded from rendering.

Link Configuration
When enabled, user can configure up to 25 links.

Each link includes:

Emoji Icon (via emoji picker)

Label (≤10 characters)

URL (valid external or internal link)

Position (1–25 for ordering)

Drag-and-drop sorting updates position values.

+ and × buttons manage link count (max 25).

🖥️ Display Behavior
Nav bar is rendered only when enabled = true.

Each link appears as [emoji] [label], clickable to open the URL.

Order reflects position values.

🗃️ Data Model
Each link is stored as a separate record of type navbar1:

json
{
  "type": "navbar1",
  "user_id": "string",
  "enabled": true,             // Controls visibility
  "emoji": "📚",
  "label": "Docs",
  "url": "https://example.com",
  "position": 1,
  "created_at": "timestamp",
  "updated_at": "timestamp"
}
Max 25 records per user.

enabled flag governs rendering logic.

Admins cannot view or modify navbar1 records.

📤 CSV Export / Import
Export:

Each navbar1 record exported as a row with fields: emoji, label, url, position, enabled.

Import:

Accepts up to 25 rows per user.

Validates emoji, label length, URL format, and position uniqueness.

enabled field respected on import.