🐛 fix : Suggested Changes

frontend/src/components/atoms/image/index.tsx

@@ -1,4 +1,4 @@
-import { image_DataTestId } from "../../../utils/constants";
+import { IMAGE_DATATESTID } from "../../../utils/constants";
 
 interface ImageComponentProps {
   src: string;
@@ -9,7 +9,7 @@ interface ImageComponentProps {
 const ImageComponent = ({ src, height, width }: ImageComponentProps) => {
   return (
     <img
-      data-testid={image_DataTestId}
+      data-testid={IMAGE_DATATESTID}
       src={src}
       width={width}
       height={height}

frontend/src/components/atoms/typography/index.test.tsx

@@ -1,8 +1,8 @@
 import { render } from "@testing-library/react";
 import MuiTypography from "."; 
-import { typography_DataTestId } from "../../../utils/constants";
+import { TYPOGRAPHY_DATATESTID } from "../../../utils/constants";
 
 test("renders Typography", () => {
     const { getByTestId } = render(<MuiTypography text="hello" variant="h1" />);
-    expect(getByTestId(typography_DataTestId)).toBeDefined();
+    expect(getByTestId(TYPOGRAPHY_DATATESTID)).toBeDefined();
 });

frontend/src/utils/constants.ts

@@ -1,3 +1,3 @@
 
-export const typography_DataTestId='typography-component'
-export const  image_DataTestId='image'
+export const TYPOGRAPHY_DATATESTID='typography-component'
+export const  IMAGE_DATATESTID='image'