Starting guac clients

src/pages/settings/Settings.tsx

@@ -14,6 +14,7 @@ import { useNavigate, useParams } from 'react-router-dom';
 import { actionIconClasses, scrollAreaClasses, tabClasses, textClasses } from 'styles';
 import Applications from './components/Applications/Applications';
 import Bookmarks from './components/Bookmarks/Bookmarks';
+import GuacamoleClients from './components/GuacamoleClients/GuacamoleClients';
 import Messages from './components/Messages/Messages';
 import Personalization from './components/Personalization/Personalization';
 import SearchHistory from './components/Search/SearchHistory';
@@ -162,6 +163,9 @@ export function Settings() {
 					<Tabs.Tab px={isMobile ? '.9rem' : undefined} value='wolClients'>
 						{isMobile ? <FiMonitor /> : 'WoL Clients'}
 					</Tabs.Tab>
+					<Tabs.Tab px={isMobile ? '.9rem' : undefined} value='guacamoleClients'>
+						{isMobile ? <FiMonitor /> : 'Guacamole Clients'}
+					</Tabs.Tab>
 				</Tabs.List>
 				<Tabs.Panel value='personalization'>
 					<ScrollArea
@@ -235,6 +239,14 @@ export function Settings() {
 						<WolClients />
 					</ScrollArea>
 				</Tabs.Panel>
+				<Tabs.Panel value='guacamoleClients'>
+					<ScrollArea
+						className={scrollAreaClasses.default}
+						classNames={scrollAreaClasses}
+					>
+						<GuacamoleClients />
+					</ScrollArea>
+				</Tabs.Panel>
 			</Tabs>
 		</Stack>
 	);