Added many changes

Author: garyorsargos

ui/src/components/custom/search/matrixExplorer.tsx

@@ -387,7 +387,6 @@ const MatrixExplorer: React.FC = () => {
           <MiniMatrixCard
             key={matrix.matrixId}
             title={matrix.name}
-            description={matrix.description}
             onSelectMatrix={() => handleMatrixSelect(matrix.matrixId)}
             titleColor="#ffffff"
           />

ui/src/components/custom/search/miniMatrixCard.tsx

@@ -3,14 +3,12 @@ import { Typography, Paper } from "@mui/material";
 
 interface MiniMatrixCardProps {
   title: string;
-  description: string;
   onSelectMatrix: () => void;
   titleColor?: string;
 }
 
 const MiniMatrixCard: React.FC<MiniMatrixCardProps> = ({
   title,
-  description,
   onSelectMatrix,
   titleColor = "#ffffff",
 }) => {
@@ -31,10 +29,10 @@ const MiniMatrixCard: React.FC<MiniMatrixCardProps> = ({
           transform: "translateY(-2px)",
           boxShadow: "0 4px 8px rgba(0, 0, 0, 0.2)",
         },
-        minHeight: "80px",
+        minHeight: "60px",
         display: 'flex',
         flexDirection: 'column',
-        gap: 1,
+        justifyContent: 'center',
         boxSizing: 'border-box',
       }}
       onClick={onSelectMatrix}
@@ -52,21 +50,6 @@ const MiniMatrixCard: React.FC<MiniMatrixCardProps> = ({
       >
         {title || ""}
       </Typography>
-      <Typography 
-        variant="caption" 
-        sx={{ 
-          display: "-webkit-box",
-          WebkitLineClamp: 3,
-          WebkitBoxOrient: "vertical",
-          overflow: "hidden",
-          fontSize: "0.8rem",
-          lineHeight: 1.4,
-          color: "rgba(255, 255, 255, 0.7)",
-          flex: 1,
-        }}
-      >
-        {description || ""}
-      </Typography>
     </Paper>
   );
 };

ui/src/pages/Profile.tsx

@@ -6,8 +6,10 @@ import {
   Grid,
   Divider,
   Skeleton,
+  Button,
 } from '@mui/material';
 import axios from 'axios';
+import SettingsIcon from '@mui/icons-material/Settings';
 
 interface UserData {
   userId: number;
@@ -79,6 +81,10 @@ const Profile: React.FC = () => {
     </Grid>
   );
 
+  const handleAdvancedSettings = () => {
+    window.open('https://keycloak.zeus.socom.dev/realms/zeus-apps/account/', '_blank');
+  };
+
   return (
     <Box
       sx={{
@@ -159,6 +165,28 @@ const Profile: React.FC = () => {
                 label="Member Since"
                 value={new Date(userData.createdAt).toLocaleDateString()}
               />
+              
+              <Box sx={{ mt: 4, display: 'flex', justifyContent: 'center' }}>
+                <Button
+                  variant="outlined"
+                  startIcon={<SettingsIcon />}
+                  onClick={handleAdvancedSettings}
+                  sx={{
+                    color: '#ffffff',
+                    borderColor: 'rgba(255, 255, 255, 0.3)',
+                    '&:hover': {
+                      borderColor: '#014093',
+                      backgroundColor: 'rgba(1, 64, 147, 0.1)',
+                    },
+                    textTransform: 'uppercase',
+                    fontWeight: 'bold',
+                    letterSpacing: '0.5px',
+                    padding: '8px 24px',
+                  }}
+                >
+                  Advanced Settings
+                </Button>
+              </Box>
             </Box>
           )
         )}