feat: rework the update tab

[Stijnus]

Update Tab and API Improvements

Changes Made

UpdateTab.tsx

1. Enhanced Repository Status Display

   • Added current branch information
   • Added latest commit message display
   • Improved commit hash display
   • Added changelog section
   • Added "Coming Soon" status for Automatic Updates
   • Added branch-specific update notifications

2. Improved Manual Update Instructions

   • Added step-by-step git configuration
   • Added branch-specific instructions
   • Added helpful notes about upstream configuration
   • Better command formatting and descriptions
   • Added clear completion indicators with green checkmarks
   • Added info message about Main Branch Updates feature

3. Better Error Handling

   • More descriptive error messages
   • Better handling of git configuration issues
   • Improved toast notifications
   • Added error logging
   • Added visual feedback for update check completion

4. UI Improvements

   • Better spacing and layout
   • Added status indicators with colored icons
   • Improved readability of git commands
   • Better dark mode support
   • Added green success indicators for completed operations
   • Improved visibility of update status messages
   • Added informative banners for feature availability

5. Feature Integration

   • Added connection with Features Tab for branch selection
   • Improved automatic update check logic based on selected branch
   • Added clear UI feedback about branch selection
   • Added guidance for enabling Main Branch Updates

api.update.ts

1. Added Server-Side Git Information

   • Current commit hash retrieval
   • Current branch detection
   • Latest commit message display
   • Safe command execution with error handling

2. Better Response Structure

   • Added detailed git status information
   • Branch-specific update instructions
   • Better error handling and status codes
   • Informative changelog messages

Key Features

• Better git integration with proper upstream configuration
• Improved error messages and user guidance
• Enhanced repository status information
• Better handling of server environments
• Branch-aware update instructions
• Clear visual feedback for update status
• Integration with Features Tab for branch selection
• Improved automatic update checking logic

Testing

1. Check update detection with:

   git remote add upstream https://github.com/stackblitz-labs/bolt.diy.git
   git fetch upstream
   git branch --set-upstream-to=upstream/main main

2. Verify branch detection and commit information display
3. Test error handling with invalid git configurations
4. Verify update instructions match current branch
5. Test automatic update checks with different branch settings
6. Verify visual feedback for completed operations
7. Test integration with Features Tab branch selection

Screenshots

[Add screenshots of the new UI here]