add active indicator in the workspaces page

Author: iamfaran

client/packages/lowcoder/src/pages/setting/organization/orgList.tsx

@@ -1,5 +1,5 @@
 import { ADMIN_ROLE, SUPER_ADMIN_ROLE } from "constants/orgConstants";
-import { AddIcon, CustomModal, DangerIcon, EditPopover, SearchIcon } from "lowcoder-design";
+import { AddIcon, CustomModal, DangerIcon, EditPopover, SearchIcon, CheckoutIcon } from "lowcoder-design";
 import { useDispatch, useSelector } from "react-redux";
 import { createOrgAction, deleteOrgAction } from "redux/reduxActions/orgActions";
 import styled from "styled-components";
@@ -50,6 +50,14 @@ const OrgName = styled.div`
   }
 `;
 
+// Icon to indicate the currently active organization
+const ActiveOrgIcon = styled(CheckoutIcon)`
+  width: 16px;
+  height: 16px;
+  color: #4965f2;
+  margin-left: 6px;
+`;
+
 const TableStyled = styled(Table)`
   .ant-table-tbody > tr > td {
     padding: 11px 12px;
@@ -239,10 +247,12 @@ function OrganizationSetting() {
                   dataIndex: "orgName",
                   ellipsis: true,
                   render: (_, record: any) => {
+                    const isActiveOrg = record.id === user.currentOrgId;
                     return (
                       <OrgName>
                         <StyledOrgLogo source={record.logoUrl} orgName={record.orgName} />
                         <span>{record.orgName}</span>
+                        {isActiveOrg && <ActiveOrgIcon />}
                       </OrgName>
                     );
                   },