Ui Fixes Teams Setting #8347 (#8353)

* [Bug] UI: Newly created key does not display on the View Key Page (#8039)

- Fixed issue where all keys appeared blank for admin users.
- Implemented filtering of data via team settings to ensure all keys are displayed correctly.

* Fix:
- Updated the validator to allow model editing when `keyTeam.team_alias === "Default Team"`.
- Ensured other teams still follow the original validation rules.

* - added some classes in global.css
- added text wrap in output of request,response and metadata in index.tsx
- fixed styles of table in table.tsx

* - added full payload when we open single log entry
- added Combined Info Card in index.tsx

* fix: keys not showing on refresh for internal user

* fix: btns and input fix

ui/litellm-dashboard/src/components/team/team_info.tsx

@@ -492,14 +492,12 @@ const TeamInfoView: React.FC<TeamInfoProps> = ({
             <Card>
               <div className="flex justify-between items-center mb-4">
                 <Title>Team Settings</Title>
-                {canEditTeam && (
-                  <Button 
-                    type="primary"
-                    className="bg-blue-500"
+                {(canEditTeam && !isEditing) && (
+                  <TremorButton 
                     onClick={() => setIsEditing(true)}
                   >
                     Edit Settings
-                  </Button>
+                  </TremorButton>
                 )}
               </div>
 
@@ -524,7 +522,7 @@ const TeamInfoView: React.FC<TeamInfoProps> = ({
                     name="team_alias"
                     rules={[{ required: true, message: "Please input a team name" }]}
                   >
-                    <Input />
+                    <Input type=""/>
                   </Form.Item>
                   
                   <Form.Item label="Models" name="models">
@@ -592,9 +590,9 @@ const TeamInfoView: React.FC<TeamInfoProps> = ({
                     <Button onClick={() => setIsEditing(false)}>
                       Cancel
                     </Button>
-                    <Button type="primary" htmlType="submit" className="bg-blue-500">
+                    <TremorButton>
                       Save Changes
-                    </Button>
+                    </TremorButton>
                   </div>
                 </Form>
               ) : (
@@ -628,7 +626,7 @@ const TeamInfoView: React.FC<TeamInfoProps> = ({
                   </div>
                   <div>
                     <Text className="font-medium">Budget</Text>
-                    <div>Max: ${info.max_budget || 'Unlimited'}</div>
+                      <div>Max: {info.max_budget !== null ? `$${info.max_budget}` : 'No Limit'}</div>
                     <div>Reset: {info.budget_duration || 'Never'}</div>
                   </div>
                   <div>