fix: slight styling detail and use title as key instead of index

Author: kemuru

web/src/pages/Courts/CourtDetails/Stats.tsx

@@ -274,7 +274,7 @@ const Stats = () => {
                   const coinPrice = !isUndefined(pricesData) ? pricesData[coinIds[coinId!]]?.price : undefined;
                   return (
                     <StatDisplay
-                      key={i}
+                      key={title}
                       {...{ title, color, icon }}
                       text={data ? getText(data.court) : <StyledSkeleton />}
                       subtext={calculateSubtextRender(data?.court, getSubtext, coinPrice)}
@@ -301,7 +301,7 @@ const Stats = () => {
                 {timeframedStats.map(({ title, getText, color, icon }, i) => {
                   return (
                     <StatDisplay
-                      key={i}
+                      key={title}
                       {...{ title, color, icon }}
                       text={foundCourt ? getText(foundCourt) : <StyledSkeleton />}
                     />

web/src/pages/Courts/CourtDetails/index.tsx

@@ -79,7 +79,6 @@ const StyledBreadcrumb = styled(Breadcrumb)`
 
 const Divider = styled.hr`
   width: 100%;
-  display: flex;
   border: none;
   height: 1px;
   background-color: ${({ theme }) => theme.stroke};