feat: add borders to keyboard shortcut and settings tables (#4545)

frontend/src/container/AllAlertChannels/AlertChannels.tsx

@@ -64,7 +64,9 @@ function AlertChannels({ allChannels }: AlertChannelsProps): JSX.Element {
 		});
 	}
 
-	return <ResizeTable columns={columns} dataSource={channels} rowKey="id" />;
+	return (
+		<ResizeTable columns={columns} dataSource={channels} rowKey="id" bordered />
+	);
 }
 
 interface AlertChannelsProps {

frontend/src/container/IngestionSettings/IngestionSettings.tsx

@@ -84,6 +84,7 @@ export default function IngestionSettings(): JSX.Element {
 				pagination={false}
 				columns={columns}
 				dataSource={data}
+				bordered
 			/>
 		</div>
 	);

frontend/src/container/OrganizationSettings/AuthDomains/index.tsx

@@ -277,6 +277,7 @@ function AuthDomains(): JSX.Element {
 					rowKey={(record: AuthDomain): string => record.name + v4()}
 					dataSource={!SSOFlag ? notEntripriseData : []}
 					tableLayout="fixed"
+					bordered
 				/>
 			</Space>
 		);
@@ -327,6 +328,7 @@ function AuthDomains(): JSX.Element {
 					loading={isLoading}
 					tableLayout="fixed"
 					rowKey={(record: AuthDomain): string => record.name + v4()}
+					bordered
 				/>
 			</Space>
 		</>

frontend/src/container/OrganizationSettings/Members/index.tsx

@@ -320,6 +320,7 @@ function Members(): JSX.Element {
 				dataSource={dataSource}
 				pagination={false}
 				loading={status === 'loading'}
+				bordered
 			/>
 		</Space>
 	);

frontend/src/container/OrganizationSettings/PendingInvitesContainer/index.tsx

@@ -299,6 +299,7 @@ function PendingInvitesContainer(): JSX.Element {
 					dataSource={dataSource}
 					pagination={false}
 					loading={getPendingInvitesResponse.status === 'loading'}
+					bordered
 				/>
 			</Space>
 		</div>

frontend/src/pages/Shortcuts/Shortcuts.styles.scss

@@ -11,7 +11,6 @@
 		gap: 20px;
 
 		.shortcut-section-heading {
-			color: rgba(255, 255, 255, 0.85);
 			font-weight: 600;
 			font-size: 22px;
 			line-height: 1.3636363636363635;

frontend/src/pages/Shortcuts/Shortcuts.tsx

@@ -18,6 +18,7 @@ function Shortcuts(): JSX.Element {
 					dataSource={tableData}
 					pagination={false}
 					className="shortcut-section-table"
+					bordered
 				/>
 			</section>
 		);