added changes regarding ui and fix version range

Signed-off-by: npiyush97 <npiyush35@gmail.com>

plugins/adr-common/package.json

@@ -33,7 +33,7 @@
     "@backstage/integration": "workspace:^",
     "@backstage/plugin-search-common": "workspace:^",
     "front-matter": "^4.0.2",
-    "luxon": "3.0.0"
+    "luxon": "^3.0.0"
   },
   "devDependencies": {
     "@backstage/cli": "workspace:^"

plugins/adr/src/components/EntityAdrContent/EntityAdrContent.tsx

@@ -68,6 +68,11 @@ const useStyles = makeStyles((theme: Theme) => ({
     color: theme.palette.grey[700],
     marginBottom: theme.spacing(1),
   },
+  adrBox: {
+    display: 'flex',
+    justifyContent: 'space-around',
+    marginTop: '10px',
+  },
 }));
 
 const AdrListContainer = (props: {
@@ -127,7 +132,7 @@ const AdrListContainer = (props: {
                   style: { whiteSpace: 'normal' },
                 }}
                 secondary={
-                  <Box>
+                  <Box className={classes.adrBox}>
                     {adr.date}
                     {adr.status && (
                       <Chip

yarn.lock

@@ -4589,7 +4589,7 @@ __metadata:
     "@backstage/integration": "workspace:^"
     "@backstage/plugin-search-common": "workspace:^"
     front-matter: ^4.0.2
-    luxon: 3.0.0
+    luxon: ^3.0.0
   languageName: unknown
   linkType: soft
 
@@ -31150,13 +31150,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"luxon@npm:3.0.0":
-  version: 3.0.0
-  resolution: "luxon@npm:3.0.0"
-  checksum: c2d13ec1939962a318f5568fc750611346b64fe41041a2ab1c677450b7b41c699ee12ef080ff04d5a2027bf26d962d46661c7c87e394a20f6d60f14edb832c54
-  languageName: node
-  linkType: hard
-
 "luxon@npm:^2.0.2":
   version: 2.5.2
   resolution: "luxon@npm:2.5.2"