fix contrast in credits footer (#8718)

- Fix the contrast between background color and text in the credits
footer.
- Also adjust the height of two onboarding cards while at it.

### Before
<img width="1630" alt="Screenshot 2025-06-25 at 12 02 29"
src="https://github.com/user-attachments/assets/73c9014c-f655-4965-9df1-648063832216"
/>
<img width="1086" alt="Screenshot 2025-06-25 at 11 48 50"
src="https://github.com/user-attachments/assets/8db76398-d54f-46f9-a5d6-dac492081d35"
/>

### After
<img width="1548" alt="Screenshot 2025-06-25 at 13 06 14"
src="https://github.com/user-attachments/assets/3726a681-74d2-4469-87da-feb0c68a1d0f"
/>


### URL of deployed dev instance (used for testing):
- https://___.webknossos.xyz

### Steps to test:
1. Go to orga settings
2. Delete your orga
3. You will be redirected to set up a new orga
4. Inspect the footer
5. Setup a new orga in the onboarding view. The last page should have
two cards of identical height

------
(Please delete unneeded items, merge only when none are left open)
- [ ] Updated
[changelog](../blob/master/CHANGELOG.unreleased.md#unreleased)
- [ ] Updated [migration
guide](../blob/master/MIGRATIONS.unreleased.md#unreleased) if applicable
- [ ] Updated [documentation](../blob/master/docs) if applicable
- [ ] Adapted [wk-libs python
client](https://github.com/scalableminds/webknossos-libs/tree/master/webknossos/webknossos/client)
if relevant API parts change
- [ ] Removed dev-only changes like prints and application.conf edits
- [ ] Considered [common edge
cases](../blob/master/.github/common_edge_cases.md)
- [ ] Needs datastore update after deployment

Author: hotzenklotz

frontend/javascripts/admin/onboarding.tsx

@@ -561,7 +561,7 @@ class OnboardingView extends React.PureComponent<Props, State> {
           header="Skip"
           icon={<ClockCircleOutlined />}
           action={<LinkButton onClick={this.advanceStep}>Skip this step</LinkButton>}
-          height={170}
+          height={250}
         >
           You can always do this later!
         </OptionCard>

frontend/javascripts/components/credits_footer.tsx

@@ -1,11 +1,12 @@
-import { Layout } from "antd";
+import { ConfigProvider, Layout } from "antd";
 import { Link } from "react-router-dom";
+import { getAntdTheme } from "theme";
 const { Footer } = Layout;
 
 const creditsFooter = () => (
-  <Footer id="credits">
-    <div>
-      <div className="container">
+  <ConfigProvider theme={getAntdTheme("dark")}>
+    <Footer id="credits">
+      <div style={{ maxWidth: 600 }}>
         <h3>WEBKNOSSOS Credits</h3>
         <p>
           Developed by <a href="https://scalableminds.com">scalable minds</a> and{" "}
@@ -64,8 +65,8 @@ const creditsFooter = () => (
           </a>
         </p>
       </div>
-    </div>
-  </Footer>
+    </Footer>
+  </ConfigProvider>
 );
 
 export default creditsFooter;

frontend/stylesheets/main.less

@@ -120,16 +120,10 @@ body {
 }
 
 #credits {
-  background-color: var(--ant-layout-footer-bg);
-
-  &>div {
-    max-width: 600px;
-
-    img {
-      margin-right: 10px;
-      width: 25%;
-      max-width: 100px;
-    }
+  img {
+    margin-right: 10px;
+    width: 25%;
+    max-width: 100px;
   }
 }