fixed small issues with rendering and accessibility fixes

frontend/viewable-ui/src/components/blog-list.jsx

@@ -70,7 +70,7 @@ function BlogList(props) {
               <Row>
                 {categoryData ?
                   categoryData.blogMetadata.map((item) => (
-                    <Col key={item.blog_id}>
+                    <Col key={`blogitem.${item.blog_id}`}>
                       <div className={`p-2 ml-2 ${ThemeConfig[GlobalTheme].textColor}`}>
                         <CardListViewer
                           totalItems={categoryData.blogMetadata.length}

frontend/viewable-ui/src/components/shared/navbar.jsx

@@ -1,7 +1,6 @@
 // Update import paths based on your Argon source location
 import {
   Navbar,
-  NavbarBrand,
   Nav,
   NavItem,
   Container,
@@ -36,7 +35,6 @@ function Header(props) {
         <Navbar className={`navbar-horizontal ${ThemeConfig[GlobalTheme].navBar['navBarTheme']} ${ThemeConfig[GlobalTheme].navBar['background']}`}
           expand='lg'>
           <Container>
-            <NavbarBrand>
             {
               UserData.profilePhoto !== '' ?
                 <img
@@ -49,7 +47,6 @@ function Header(props) {
             <Button onClick={() => navigate('/')} aria-label='Go to Home page' color={`${ThemeConfig ? ThemeConfig[GlobalTheme].navBar['buttonColor'] : ''}`} size='lg'>
               { UserData ? UserData.name : <Spinner> Loading... </Spinner> }
             </Button>
-            </NavbarBrand>
             <Nav className='ml-lg-auto' navbar>
               <NavItem>
                 <ButtonGroup style={{marginTop: '15px', marginBottom: '15px'}}>