fix(myopencre): remove extra download button, fix downloadCreCsv URL, improve section spacing

Author: PRAteek-singHWY

application/frontend/src/pages/MyOpenCRE/MyOpenCRE.scss

@@ -3,7 +3,7 @@
 }
 
 .myopencre-upload {
-  margin-top: 1.5rem;
+  margin-top: 3rem;
 }
 
 .myopencre-disabled {

application/frontend/src/pages/MyOpenCRE/MyOpenCRE.tsx

@@ -20,7 +20,10 @@ export const MyOpenCRE = () => {
 
   const downloadCreCsv = async () => {
     try {
-      const response = await fetch(`${apiUrl}/cre_csv`, {
+      const baseUrl = apiUrl || window.location.origin;
+      const backendUrl = baseUrl.includes('localhost') ? 'http://127.0.0.1:5000' : baseUrl;
+
+      const response = await fetch(`${backendUrl}/cre_csv`, {
         method: 'GET',
         headers: { Accept: 'text/csv' },
       });
@@ -46,25 +49,6 @@ export const MyOpenCRE = () => {
     }
   };
 
-  const downloadTemplate = () => {
-    const headers = ['standard_name', 'standard_section', 'cre_id', 'notes'];
-
-    const csvContent = headers.join(',') + '\n';
-
-    const blob = new Blob([csvContent], {
-      type: 'text/csv;charset=utf-8;',
-    });
-
-    const url = URL.createObjectURL(blob);
-    const link = document.createElement('a');
-
-    link.href = url;
-    link.setAttribute('download', 'myopencre_mapping_template.csv');
-    document.body.appendChild(link);
-    link.click();
-    document.body.removeChild(link);
-  };
-
   /* ------------------ FILE SELECTION ------------------ */
 
   const onFileChange = (e: React.ChangeEvent<HTMLInputElement>) => {
@@ -144,9 +128,6 @@ export const MyOpenCRE = () => {
         <Button primary onClick={downloadCreCsv}>
           Download CRE Catalogue (CSV)
         </Button>
-        <Button secondary onClick={downloadTemplate} style={{ marginLeft: '1rem' }}>
-          Download Mapping Template (CSV)
-        </Button>
       </div>
 
       <div className="myopencre-section myopencre-upload">