message: Instrumentation page light mode fix
diff: -import React, { useEffect, useState } from "react";
  -import { Form, Input, Space } from "antd";
  +import React from "react";
  +import { Space } from "antd";
  import { connect } from "react-redux";
  -import { Tooltip } from "antd";
  -import {
  - InfoCircleOutlined,
  - EyeTwoTone,
  - EyeInvisibleOutlined,
  -} from "@ant-design/icons";
  import { StoreState } from "../../store/reducers";
  -
  -import { Alert } from "antd";
  +import { useThemeSwitcher } from "react-css-theme-switcher";
  +import styled from "styled-components";
  +
  +const InstrumentCard = styled.div<{
  + currentThemeStatus: string | undefined;
  +}>`
  + border-radius: 4px;
  + background: ${({ currentThemeStatus }) => currentThemeStatus === 'dark' ? '#313131' : '#ddd'};
  + padding: 33px 23px;
  + max-width: 800px;
  + margin-top: 40px;
  +`;
  interface InstrumentationPageProps {}
  -
  const InstrumentationPage = (props: InstrumentationPageProps) => {
  -
  + const { currentTheme } = useThemeSwitcher();
  return (
  <React.Fragment>
  -
  -
  <Space style={{ marginLeft: 60, marginTop: 48, display: 'block' }}>
  <div>
  <h2>
  Instrument your application
  </h2>
  </div>
  -
  - <div className={"instrument-card"}>
  + <InstrumentCard currentThemeStatus={currentTheme}>
  Congrats, you have successfully installed SigNoz!<br/>
  To start seeing YOUR application data here, follow the instructions in the docs -
  <a href={"https://signoz.io/docs/instrumentation/overview"} target="_blank"> https://signoz.io/docs/instrumentation/overview</a>
  <br/>
  If you face any issues, join our <a href={"https://signoz-community.slack.com/join/shared_invite/zt-lrjknbbp-J_mI13rlw8pGF4EWBnorJA"} target="_blank">
  slack community</a> to ask any questions or mail us at <a href={"mailto:support@signoz.io"} target="_blank">
  - support@signoz.io
  - </a>
  - </div>
  + support@signoz.io</a>
  + </InstrumentCard>
  </Space>
  </React.Fragment>
  );
  