fixed map borders on Chapter and Main page (OWASP#1121)

* fixed borders

* code formatting updated

Author: nipunh

frontend/src/pages/Chapters.tsx

@@ -93,7 +93,13 @@ const ChaptersPage = () => {
           <ChapterMap
             geoLocData={searchQuery ? chapters : geoLocData}
             showLocal={true}
-            style={{ height: '400px', width: '100%', zIndex: '0' }}
+            style={{
+              height: '400px',
+              width: '100%',
+              zIndex: '0',
+              borderRadius: '0.5rem',
+              boxShadow: '0 4px 6px rgba(0, 0, 0, 0.1)',
+            }}
           />
         )}
         {chapters && chapters.filter((chapter) => chapter.is_active).map(renderChapterCard)}

frontend/src/pages/Home.tsx

@@ -240,7 +240,13 @@ export default function Home() {
           <ChapterMap
             geoLocData={geoLocData}
             showLocal={false}
-            style={{ height: '400px', width: '100%', zIndex: '0' }}
+            style={{
+              height: '400px',
+              width: '100%',
+              zIndex: '0',
+              borderRadius: '0.5rem',
+              boxShadow: '0 4px 6px rgba(0, 0, 0, 0.1)',
+            }}
           />
         </div>
         <TopContributors contributors={data.topContributors} maxInitialDisplay={6} />