Merge branch 'features/Adam/image' into 'development'

Features/adam/image

See merge request nipa.das/sample_argon!8

src/components/Button/Button.module.scss

 .customButton {
    background-color: red; 
 }
+
+

src/components/Button/index.jsx

@@ -8,5 +8,4 @@ function Button(props) {
 }
 
 Button.propTypes = {};
-
 export default Button;

src/components/Image/Image.scss

+
+.card-profile-image  {
+  max-width: 140px;
+  border: 3px solid #fff;
+  border-radius: 0.375rem;
+}

src/components/Image/index.jsx

+import React from "react";
+import PropTypes from "prop-types";
+import "./Image.scss";
+
+// Profile Image common components
+function Image({src, width}) {
+    return (
+        <>
+            <div className="card-profile-image">  
+                <img src={src} width={width}  className="rounded-circle card-profile-image"/>
+            </div>
+        </>
+    );
+}
+
+Image.propTypes = {
+    src: PropTypes.string,
+    width: PropTypes.string
+};
+
+export default Image;