feat(frontend): add brain icon on brain list (#2292)

# Description

Please include a summary of the changes and the related issue. Please
also include relevant motivation and context.

## Checklist before requesting a review

Please delete options that are not relevant.

- [ ] My code follows the style guidelines of this project
- [ ] I have performed a self-review of my code
- [ ] I have commented hard-to-understand areas
- [ ] I have ideally added tests that prove my fix is effective or that
my feature works
- [ ] New and existing unit tests pass locally with my changes
- [ ] Any dependent changes have been merged

## Screenshots (if appropriate):

frontend/app/studio/components/BrainsTabs/components/BrainItem/BrainItem.module.scss

@@ -27,6 +27,7 @@
 
   .brain_info_wrapper {
     padding-block: Spacings.$spacing03;
+    padding-left: Spacings.$spacing03;
     display: flex;
     overflow: hidden;
     gap: Spacings.$spacing05;

frontend/app/studio/components/BrainsTabs/components/BrainItem/BrainItem.tsx

@@ -1,3 +1,4 @@
+import Image from "next/image";
 import Link from "next/link";
 import { useEffect, useRef, useState } from "react";
 
@@ -76,6 +77,16 @@ export const BrainItem = ({ brain, even }: BrainItemProps): JSX.Element => {
       ${styles.brain_item_wrapper}
       `}
       >
+        {brain.integration_logo_url ? (
+          <Image
+            src={brain.integration_logo_url}
+            alt="logo_image"
+            width={18}
+            height={18}
+          />
+        ) : (
+          <Icon name="brain" size="normal" color="primary" />
+        )}
         <Link
           className={styles.brain_info_wrapper}
           href={`/studio/${brain.id}`}

frontend/app/studio/components/BrainsTabs/components/BrainsList/BrainsList.module.scss

@@ -19,6 +19,7 @@
     gap: Spacings.$spacing05;
     background-color: Colors.$highlight;
     margin-bottom: Spacings.$spacing03;
+    padding-left: Spacings.$spacing09;
 
     .name {
       width: 200px;