refactor(web-devtools): update-component-name

Author: tractorss

web-devtools/src/app/(main)/ruler/ChangeRuler.tsx renamed to web-devtools/src/app/(main)/ruler/ChangeDeveloper.tsx

@@ -24,17 +24,17 @@ const StyledLabel = styled.label`
   word-wrap: break-word;
 `;
 
-const ChangeRuler: React.FC = () => {
+const ChangeDeveloper: React.FC = () => {
   return (
     <Container>
       <Header text="Developer" />
       <InputContainer>
-        <StyledLabel>Current Ruler : 0xbe8d95497E53aB41d5A45CC8def90d0e59b49f99</StyledLabel>
+        <StyledLabel>Current Developer : 0xbe8d95497E53aB41d5A45CC8def90d0e59b49f99</StyledLabel>
         <LabeledInput label="New Developer" />
       </InputContainer>
       <Button text="Update" />
     </Container>
   );
 };
 
-export default ChangeRuler;
+export default ChangeDeveloper;

web-devtools/src/app/(main)/ruler/page.tsx

@@ -8,7 +8,7 @@ import { SelectArbitrable } from "utils/dummyData";
 
 import { responsiveSize } from "styles/responsiveSize";
 
-import ChangeRuler from "./ChangeRuler";
+import ChangeDeveloper from "./ChangeDeveloper";
 import ManualRuling from "./ManualRuling";
 import RulingModes from "./RulingModes";
 
@@ -36,13 +36,15 @@ const Arbitrables = styled.div`
   border-radius: 3px;
 `;
 
+const StyledLabel = styled.label``;
+
 const Ruler: React.FC = () => {
   return (
     <Container>
       <h1>Ruler</h1>
 
       <Arbitrables>
-        <label>Arbitrable:</label>
+        <StyledLabel>Arbitrable:</StyledLabel>
         <DropdownCascader
           placeholder={"Select Arbitrable"}
           onSelect={() => {
@@ -54,7 +56,7 @@ const Ruler: React.FC = () => {
 
       <RulingModes />
       <ManualRuling />
-      <ChangeRuler />
+      <ChangeDeveloper />
     </Container>
   );
 };