feat: add terminal type selection in directory picker

Add CSS styling for the terminal type dropdown that was already
implemented in the JavaScript but wasn't visible due to missing styles.

The dropdown allows users to choose between:
- Standard Shell (bash/zsh) - default
- Claude Code CLI - runs claude --dangerously-skip-permissions

When Claude Code CLI is selected:
- Session picker is skipped (not needed)
- Terminal automatically launches with claude --dangerously-skip-permissions
- Mode is automatically set to 'session'

Changes:
- Add .terminal-type-selection, .terminal-type-select styles to terminal.css
- Match existing modal styling (background, borders, focus states)
- JavaScript was already implemented from previous work

Resolves: "Claude Code CLI still not appears under terminal > new terminal"

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

public/claude-ide/terminal.css

@@ -284,12 +284,14 @@
 }
 
 .recent-directories,
-.custom-directory {
+.custom-directory,
+.terminal-type-selection {
   margin-bottom: 20px;
 }
 
 .recent-directories label,
-.custom-directory label {
+.custom-directory label,
+.terminal-type-selection label {
   display: block;
   font-size: 13px;
   font-weight: 600;
@@ -298,6 +300,28 @@
   text-transform: uppercase;
 }
 
+.terminal-type-select {
+  width: 100%;
+  padding: 10px 12px;
+  background: #1a1a1a;
+  border: 1px solid #333;
+  border-radius: 6px;
+  color: #e0e0e0;
+  font-size: 14px;
+  cursor: pointer;
+  transition: all 0.2s ease;
+}
+
+.terminal-type-select:hover {
+  border-color: #555;
+}
+
+.terminal-type-select:focus {
+  outline: none;
+  border-color: #4a9eff;
+  box-shadow: 0 0 0 3px rgba(74, 158, 255, 0.1);
+}
+
 .directory-list {
   display: flex;
   flex-direction: column;