fix: styling and semantic updates

apps/web/src/components/(dashboard)/document-dropzone/document-dropzone.tsx

@@ -110,7 +110,7 @@ export const DocumentDropzone = ({ className, onDrop, ...props }: DocumentDropzo
         )}
         gradient={true}
         degrees={120}
-        lightMode={theme === 'light'}
+
         {...getRootProps()}
         {...props}
       >

apps/web/src/components/(dashboard)/pdf-viewer/pdf-viewer.tsx

@@ -67,16 +67,6 @@ export const PDFViewer = ({ className, document, onPageClick, ...props }: PDFVie
     const pageX = event.clientX - left;
     const pageY = event.clientY - top;
 
-    console.log({
-      pageNumber,
-      numPages,
-      originalEvent: event,
-      pageHeight: height,
-      pageWidth: width,
-      pageX,
-      pageY,
-    });
-
     if (onPageClick) {
       onPageClick({
         pageNumber,
@@ -137,6 +127,8 @@ export const PDFViewer = ({ className, document, onPageClick, ...props }: PDFVie
               <PDFPage
                 pageNumber={i + 1}
                 width={width}
+                renderAnnotationLayer={false}
+                renderTextLayer={false}
                 onClick={(e) => onDocumentPageClick(e, i + 1)}
               />
             </div>

apps/web/src/components/(dashboard)/pdf-viewer/types.ts

@@ -0,0 +1,2 @@
+export const PDF_VIEWER_CONTAINER_SELECTOR = '.react-pdf__Document';
+export const PDF_VIEWER_PAGE_SELECTOR = '.react-pdf__Page';

apps/web/src/components/(marketing)/callout.tsx

@@ -41,16 +41,16 @@ export const Callout = () => {
         </span>
       </Button>
 
+      <Button variant="outline" className="rounded-full bg-transparent backdrop-blur-sm" asChild>
         <Link
           href="https://github.com/documenso/documenso"
           target="_blank"
           onClick={() => event('view-github')}
         >
-        <Button variant="outline" className="rounded-full bg-transparent backdrop-blur-sm">
           <Github className="mr-2 h-5 w-5" />
           Star on Github
-        </Button>
         </Link>
+      </Button>
     </div>
   );
 };

apps/web/src/components/(marketing)/hero.tsx

@@ -114,12 +114,19 @@ export const Hero = ({ className, ...props }: HeroProps) => {
             </span>
           </Button>
 
-          <Link href="https://github.com/documenso/documenso" onClick={() => event('view-github')}>
+          <Button
-            <Button variant="outline" className="rounded-full bg-transparent backdrop-blur-sm">
+            variant="outline"
+            className="rounded-full bg-transparent backdrop-blur-sm"
+            asChild
+          >
+            <Link
+              href="https://github.com/documenso/documenso"
+              onClick={() => event('view-github')}
+            >
               <Github className="mr-2 h-5 w-5" />
               Star on Github
-            </Button>
             </Link>
+          </Button>
         </motion.div>
 
         <motion.div

apps/web/src/components/(marketing)/pricing-table.tsx

@@ -93,14 +93,15 @@ export const PricingTable = ({ className, ...props }: PricingTableProps) => {
             For small teams and individuals who need a simple solution
           </p>
 
+          <Button className="mt-6 rounded-full text-base">
             <Link
               href="https://github.com/documenso/documenso"
               target="_blank"
-            className="mt-6"
               onClick={() => event('view-github')}
             >
-            <Button className="rounded-full text-base">View on Github</Button>
+              View on Github
             </Link>
+          </Button>
 
           <div className="mt-8 flex w-full flex-col divide-y">
             <p className="py-4 font-medium text-slate-900">Host your own instance</p>