fix: revert class names sorting

pages/side-panel/src/components/ChatHistoryList.tsx

@@ -44,7 +44,7 @@ const ChatHistoryList: React.FC<ChatHistoryListProps> = ({
               key={session.id}
               className={`group relative rounded-lg ${
                 isDarkMode ? 'bg-slate-800 hover:bg-slate-700' : 'bg-white/50 hover:bg-white/70'
-              } p-3 backdrop-blur-sm transition-all`}>
+              } p-3 transition-all backdrop-blur-sm`}>
               <button onClick={() => onSessionSelect(session.id)} className="w-full text-left" type="button">
                 <h3 className={`text-sm font-medium ${isDarkMode ? 'text-gray-200' : 'text-gray-900'}`}>
                   {session.title}

pages/side-panel/src/components/MessageList.tsx

@@ -63,7 +63,7 @@ function MessageBlock({ message, isSameActor, isDarkMode = false }: MessageBlock
           <div className={`whitespace-pre-wrap break-words text-sm ${isDarkMode ? 'text-gray-300' : 'text-gray-700'}`}>
             {isProgress ? (
               <div className={`h-1 overflow-hidden rounded ${isDarkMode ? 'bg-gray-700' : 'bg-gray-200'}`}>
-                <div className="h-full animate-progress bg-blue-500" />
+                <div className="animate-progress h-full bg-blue-500" />
               </div>
             ) : (
               message.content