chore: Enhance Docusaurus configuration and update image paths

- Added explicit configuration for static directories in Docusaurus.
- Updated npm script to ensure multiple screenshot paths are created and populated.
- Adjusted image paths in documentation to use relative links for better compatibility.

docs/docs/getting-started/quick-start.md

@@ -23,7 +23,7 @@ The dashboard provides an overview of:
 - System status
 - Quick action buttons
 
-![GoMFT Dashboard](/img/dashboard.gomft.png)
+![GoMFT Dashboard](../../img/dashboard.gomft.png)
 
 ## Creating Your First Transfer Configuration
 
@@ -36,7 +36,7 @@ The dashboard provides an overview of:
    - Configure transfer options (file filtering, bandwidth limits, etc.)
 4. Click **Save Transfer**
 
-![Create Transfer](/img/transfer.config.gomft.png)
+![Create Transfer](../../img/transfer.config.gomft.png)
 
 ## Create Your First Scheduled Job
 1. Naviagate to **Scheduled Jobs** in the sidebar menu

docs/docusaurus.config.ts

@@ -22,6 +22,9 @@ const config: Config = {
   deploymentBranch: 'gh-pages',
   trailingSlash: false,
 
+  // Explicit static directories configuration
+  staticDirectories: ['static', 'static/screenshots'],
+
   onBrokenLinks: 'warn',
   onBrokenMarkdownLinks: 'warn',
 

docs/package.json

@@ -14,7 +14,7 @@
     "write-heading-ids": "docusaurus write-heading-ids",
     "typecheck": "tsc",
     "deploy-gh-pages": "GIT_USER=StarFleetCPTN USE_SSH=true yarn deploy",
-    "prepare-screenshots": "node -e \"const fs = require('fs'); if (!fs.existsSync('./static/screenshots')) { fs.mkdirSync('./static/screenshots', { recursive: true }); fs.readdirSync('../screenshots').forEach(file => { if (!fs.existsSync('./static/screenshots/' + file)) { fs.copyFileSync('../screenshots/' + file, './static/screenshots/' + file); } }); }\""
+    "prepare-screenshots": "node -e \"const fs = require('fs'); const paths = ['./static/screenshots', './static/img/screenshots']; paths.forEach(path => { if (!fs.existsSync(path)) { fs.mkdirSync(path, { recursive: true }); } }); fs.readdirSync('../screenshots').forEach(file => { paths.forEach(path => { const targetFile = path + '/' + file; if (!fs.existsSync(targetFile)) { fs.copyFileSync('../screenshots/' + file, targetFile); } }); });\""
   },
   "dependencies": {
     "@docusaurus/core": "3.7.0",

docs/src/pages/index.tsx

@@ -15,9 +15,9 @@ function HomepageHeader() {
         <div className="row">
           <div className="col col--8 col--offset-2">
             <img 
-              src="/img/logo.svg" 
+              className="hero__logo"
-              alt="GoMFT Logo" 
+              src="img/logo.svg"
-              style={{width: '120px', marginBottom: '1.5rem'}}
+              alt="Project Logo"
             />
             <Heading as="h1" className="hero__title">
               {siteConfig.title}
@@ -125,7 +125,7 @@ export default function Home(): React.ReactNode {
                 </Link>
               </div>
               <div className="col col--6">
-                <img src="/img/dashboard.gomft.png" alt="GoMFT Dashboard" className="shadow--md" style={{borderRadius: '8px'}} />
+                <img src="img/dashboard.gomft.png" alt="GoMFT Dashboard" className="shadow--md" style={{borderRadius: '8px'}} />
               </div>
             </div>
           </div>
@@ -135,7 +135,7 @@ export default function Home(): React.ReactNode {
           <div className="container">
             <div className="row">
               <div className="col col--6">
-                <img src="/img/transfer.config.gomft.png" alt="Transfer Configuration" className="shadow--md" style={{borderRadius: '8px'}} />
+                <img src="img/transfer.config.gomft.png" alt="Transfer Configuration" className="shadow--md" style={{borderRadius: '8px'}} />
               </div>
               <div className="col col--6">
                 <Heading as="h2">Easy Deployment</Heading>