Fix div-inside-p hydration error in ResearchGroupCard

Move Flex outside of Text to avoid nesting a div inside a p element,
which caused a React hydration error in the browser console.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: krusche

client/src/pages/ResearchGroupAdminPage/components/ResearchGroupCard.tsx

@@ -63,12 +63,12 @@ const ResearchGroupCard = (props: IResearchGroup) => {
       </Flex>
 
       <Stack gap={5} style={{ flexGrow: 1 }}>
-        <Text size='sm' c='dimmed' py={5}>
-          <Flex justify={'start'} align={'center'} gap={5}>
-            <Buildings size={16} />
+        <Flex justify={'start'} align={'center'} gap={5} py={5}>
+          <Buildings size={16} color='var(--mantine-color-dimmed)' style={{ flexShrink: 0 }} />
+          <Text size='sm' c='dimmed'>
             {props.campus ? props.campus : 'No campus specified'}
-          </Flex>
-        </Text>
+          </Text>
+        </Flex>
 
         <Text size='sm' c='dimmed'>
           {props.description ? props.description : 'No description provided'}