move static images to different folder (metlo-labs#82)

Author: akshay288

frontend/public/connections/AWS_dark.svg renamed to frontend/public/static-images/connections/AWS_dark.svg

@@ -126,7 +126,7 @@ const AWS_INFO: React.FC<AWS_INFOInterface> = ({
             <Button aria-label="See on aws" bg={"transparent"} p={0}>
               <Image
                 alt={`AWS-image`}
-                src={`../connections/${ConnectionType.AWS}_${colorMode.colorMode}.svg`}
+                src={`/static-images/connections/${ConnectionType.AWS}_${colorMode.colorMode}.svg`}
               />
             </Button>
           </Link>
@@ -147,7 +147,7 @@ const AWS_INFO: React.FC<AWS_INFOInterface> = ({
             <Button aria-label="See on aws" bg={"transparent"} p={0}>
               <Image
                 alt={`AWS-image`}
-                src={`../connections/${ConnectionType.AWS}_${colorMode.colorMode}.svg`}
+                src={`/static-images/connections/${ConnectionType.AWS}_${colorMode.colorMode}.svg`}
               />
             </Button>
           </Link>
@@ -168,7 +168,7 @@ const AWS_INFO: React.FC<AWS_INFOInterface> = ({
             <Button aria-label="See on aws" bg={"transparent"} p={0}>
               <Image
                 alt={`AWS-image`}
-                src={`../connections/${ConnectionType.AWS}_${colorMode.colorMode}.svg`}
+                src={`/static-images/connections/${ConnectionType.AWS}_${colorMode.colorMode}.svg`}
               />
             </Button>
           </Link>
@@ -189,7 +189,7 @@ const AWS_INFO: React.FC<AWS_INFOInterface> = ({
             <Button aria-label="See on aws" bg={"transparent"} p={0}>
               <Image
                 alt={`AWS-image`}
-                src={`../connections/${ConnectionType.AWS}_${colorMode.colorMode}.svg`}
+                src={`/static-images/connections/${ConnectionType.AWS}_${colorMode.colorMode}.svg`}
               />
             </Button>
           </Link>

frontend/public/connections/AWS_light.svg renamed to frontend/public/static-images/connections/AWS_light.svg

@@ -153,7 +153,7 @@ const GCP_INFO: React.FC<GCP_INFOInterface> = ({
             <Button aria-label="See on aws" bg={"transparent"} p={0}>
               <Image
                 alt={`AWS-image`}
-                src={`../connections/${ConnectionType.GCP}_${colorMode.colorMode}.svg`}
+                src={`/static-images/connections/${ConnectionType.GCP}_${colorMode.colorMode}.svg`}
               />
             </Button>
           </Link>
@@ -192,7 +192,7 @@ const GCP_INFO: React.FC<GCP_INFOInterface> = ({
             <Button aria-label="See on aws" bg={"transparent"} p={0}>
               <Image
                 alt={`AWS-image`}
-                src={`../connections/${ConnectionType.GCP}_${colorMode.colorMode}.svg`}
+                src={`/static-images/connections/${ConnectionType.GCP}_${colorMode.colorMode}.svg`}
               />
             </Button>
           </Link>

frontend/public/connections/GCP_dark.svg renamed to frontend/public/static-images/connections/GCP_dark.svg

@@ -81,7 +81,7 @@ const ConnectionList: React.FC<ConnectionListProps> = React.memo(
           <Image
             alt={`${row.connectionType}-image`}
             height="8"
-            src={`connections/${row.connectionType}_${colorMode.colorMode}.svg`}
+            src={`/static-images/connections/${row.connectionType}_${colorMode.colorMode}.svg`}
           />
         ),
         id: "icon",

frontend/public/connections/GCP_light.svg renamed to frontend/public/static-images/connections/GCP_light.svg

@@ -11,8 +11,8 @@ interface LogoProps extends BoxProps {
 export const Logo: React.FC<LogoProps> = React.memo(
   ({ imageHeight, imageWidth, ...props }) => {
     const imageSrc = useColorModeValue(
-      "/metlo_logo_horiz.svg",
-      "/metlo_logo_horiz_negative.svg",
+      "/static-images/metlo_logo_horiz.svg",
+      "/static-images/metlo_logo_horiz_negative.svg",
     )
     return (
       <Box {...props}>
@@ -30,7 +30,7 @@ export const Logo: React.FC<LogoProps> = React.memo(
 export const SmLogo = React.memo((props: BoxProps) => {
   return (
     <Box {...props}>
-      <Image alt="logo-image" height="30" width="30" src="/metlo_logo.svg" />
+      <Image alt="logo-image" height="30" width="30" src="/static-images/metlo_logo.svg" />
     </Box>
   )
 })

frontend/public/metlo_logo.svg renamed to frontend/public/static-images/metlo_logo.svg

@@ -34,7 +34,7 @@ const NewConnection = ({ isOpen, onClose }) => {
                 <Image
                   alt={`AWS-image`}
                   boxSize={"125px"}
-                  src={`connections/${ConnectionType.AWS}_${colorMode.colorMode}.svg`}
+                  src={`/static-images/connections/${ConnectionType.AWS}_${colorMode.colorMode}.svg`}
                 />
               </Button>
             </NextLink>
@@ -43,7 +43,7 @@ const NewConnection = ({ isOpen, onClose }) => {
                 <Image
                   alt={`GCP-image`}
                   boxSize={"125px"}
-                  src={`connections/${ConnectionType.GCP}_${colorMode.colorMode}.svg`}
+                  src={`/static-images/connections/${ConnectionType.GCP}_${colorMode.colorMode}.svg`}
                 />
               </Button>
             </NextLink>