fix: filename casing

Author: duylongpro99

…/[documentId]/(navbar)/DocumentInput.tsx …[documentId]/(navbar)/document-input.tsxsrc/app/document/[documentId]/(navbar)/DocumentInput.tsx renamed to src/app/document/[documentId]/(navbar)/document-input.tsx src/app/document/[documentId]/(navbar)/DocumentInput.tsx renamed to src/app/document/[documentId]/(navbar)/document-input.tsx

@@ -1,7 +1,7 @@
 import Image from "next/image";
 import Link from "next/link";
-import { DocumentInput } from "./DocumentInput";
-import { MenuBar } from "./MenuBar";
+import { DocumentInput } from "./document-input";
+import { MenuBar } from "./menu-bar";
 
 export const Navbar: React.FC = () => {
   return (

…cument/[documentId]/(navbar)/MenuBar.tsx …ument/[documentId]/(navbar)/menu-bar.tsxsrc/app/document/[documentId]/(navbar)/MenuBar.tsx renamed to src/app/document/[documentId]/(navbar)/menu-bar.tsx src/app/document/[documentId]/(navbar)/MenuBar.tsx renamed to src/app/document/[documentId]/(navbar)/menu-bar.tsx

@@ -1,5 +1,5 @@
 import React, { useRef, useState } from "react";
-import { Marker } from "./Marker";
+import { Marker } from "./markers";
 
 const makers = Array.from({ length: 83 }, (_, i) => i);
 
@@ -73,10 +73,7 @@ export const Ruler: React.FC = () => {
       onMouseUp={handleMouseUp}
       onMouseLeave={handleMouseUp}
     >
-      <div
-        id="ruler-container"
-        className="w-full h-full relative"
-      >
+      <div id="ruler-container" className="w-full h-full relative">
         <Marker
           position={leftMg}
           isLeft={true}