feat: added border radius

frontend/src/components/MoviePage.tsx

@@ -38,7 +38,7 @@ export const MoviePage = () => {
       <Descriptions
         title={movie.name}
         bordered
-        style={{ padding: "5%" }}
+        style={{ padding: "5%",}}
       >
         <Descriptions.Item label="Title picture" span={3}>
           <Image height={400} src={movie.picture}></Image>

frontend/src/components/PreviewBox.tsx

@@ -13,7 +13,7 @@ export const PreviewBox: React.FC<IPreviewBoxProps> = ({ title, movies }) => {
   
   
   return (
-    <Card title={title}  style={{ borderWidth: 4, borderColor:mainColor, background: sideColor}}>
+    <Card title={title}  style={{ borderWidth: 4, borderColor:mainColor, background: sideColor, borderRadius: "10px",}}>
       <Row justify="space-evenly" align="bottom" gutter={50}>
         {movies.map((movie) => {
           return (
@@ -24,6 +24,7 @@ export const PreviewBox: React.FC<IPreviewBoxProps> = ({ title, movies }) => {
                   style={{
                     width: "240px",
                     borderWidth: "2px",
+                    borderRadius: "5px",
                     borderColor: middleColor
                   }}
                   cover={<img alt={movie.name} src={movie.picture} />}