Fix/escsp 6128 fix images not showing (#728)

* fix: update media path

* fix: add absolute path for images

* fix: images

* fix: remove query params

* fix: rollback media path

* fix: tag id adding rule

* fix: update tests

Author: CarlosLevir

cypress/integration/subpage.spec.ts

@@ -26,13 +26,13 @@ describe('Sub section page', () => {
     it('Should work as expected for internal links', () => {
       cy.visit('/momentum/1st-level/test');
       cy.contains('Internal Link').click();
-      cy.location('pathname').should('eq', '/momentum/1st-level/');
+      cy.location('pathname').should('eq', '/momentum/1st-level');
     });
 
     it('Should allow for relative links in the current directory', () => {
       cy.visit('/momentum/1st-level/test');
       cy.contains('Relative to current directory Link').click();
-      cy.location('pathname').should('eq', '/momentum/1st-level/relative-link-test/');
+      cy.location('pathname').should('eq', '/momentum/1st-level/relative-link-test');
     });
   });
 });

next.config.js

@@ -4,7 +4,7 @@ const SentryPlugin = require('@sentry/webpack-plugin');
 module.exports = {
   reactStrictMode: true,
   swcMinify: true,
-  trailingSlash: true,
+  trailingSlash: false,
 
   // Sourcemaps are enabled to be uploaded to Sentry
   // Warning: Can significantly increase build times

pages/docs/[...slug].tsx

@@ -33,10 +33,10 @@ const PostPage = (props: PostPageProps): JSX.Element => {
   const router = useRouter();
 
   useEffect(() => {
-    const path = router.asPath.split('?')[0];
+    const [path, queryParams] = router.asPath.split('?');
     const tagId = router.asPath.split('#')[1];
 
-    router.push(path + (tagId ? '#' + tagId : ''))
+    router.push(path + (tagId && queryParams ? '#' + tagId : ''))
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);