Sheets settings (#774)

* wip: migrate sheet settings

---------

Co-authored-by: arc-alex <ac@omnivox.dk>

apps/client/src/features/app-settings/panel/integrations-panel/IntegrationsPanel.module.css

@@ -2,8 +2,8 @@
   width: 100%;
 }
 
-.fitContents {
-  width: max-content !important; /* override chakra */
+.fitContents.fitContents {
+  width: max-content; /* override chakra */
 }
 
 .flex {

apps/client/src/features/app-settings/panel/integrations-panel/IntegrationsPanel.tsx

@@ -16,7 +16,7 @@ export default function IntegrationsPanel() {
         <Alert status='info' variant='ontime-on-dark-info'>
           <AlertIcon />
           <AlertDescription>
-            Integrations allow Ontime to receive commands or send its data to other systems in your workflow. <br />{' '}
+            Integrations allow Ontime to receive commands or send its data to other systems in your workflow. <br />
             <br />
             Currently supported protocols are OSC (Open Sound Control), HTTP and Websockets. <br />
             WebSockets are used for Ontime and cannot be configured independently. <br />

apps/client/src/features/app-settings/panel/integrations-panel/OscIntegrations.tsx

@@ -97,7 +97,11 @@ export default function OscIntegrations() {
         </div>
       </Panel.SubHeader>
 
+      <Panel.Divider />
+
+
       <Panel.Section as='form' id='osc-form' onSubmit={handleSubmit(onSubmit)} onKeyDown={preventEscape}>
+        <Panel.Title>OSC Settings</Panel.Title>
         {errors?.root && <Panel.Error>{errors.root.message}</Panel.Error>}
         <Panel.ListGroup>
           <Panel.ListItem>