refactor docs

docs/templates/login_diagram.template.md

@@ -0,0 +1,22 @@
+# nKode Login
+
+```mermaid
+sequenceDiagram
+    participant User
+    participant Client
+    participant Server
+    Note over User,Server: Login
+    Client->>User: Login Form
+    Note left of User: email: {{ email }}
+    User->>Server: Submit Email
+    Server->>Client: login_keypad, icons 
+    Note left of Server: Login Keypad:<br/>{{ login_keypad }}
+    Note left of Server: Icons:<br/>{{ keypad_icons }}
+    Client->>Client: Order Icons
+    Client->>User: Display Keypad
+    Note left of Client: {{ ordered_login_icons }}
+    Note left of User: User passcode icons: {{ passcode_user_icons }}
+    User->>Client: Selected Keys<br/>{{selected_keys_login}}
+    Client->>Server: Login:<br/>email: {{email}}<br/>selected_keys: {{selected_keys_login}}
+    Server-->>Client: Success
+```