Chore(front): Create a custom eslint rule for Props naming (#1904)

Co-authored-by: v1b3m <vibenjamin6@gmail.com>
Co-authored-by: Matheus <matheus_benini@hotmail.com>
Co-authored-by: bosiraphael <raphael.bosi@gmail.com>

front/src/modules/ui/progress-bar/components/CircularProgressBar.tsx

@@ -1,7 +1,7 @@
 import React, { useEffect, useMemo } from 'react';
 import { motion, useAnimation } from 'framer-motion';
 
-interface Props {
+interface CircularProgressBarProps {
   size?: number;
   barWidth?: number;
   barColor?: string;
@@ -11,7 +11,7 @@ export const CircularProgressBar = ({
   size = 50,
   barWidth = 5,
   barColor = 'currentColor',
-}: Props) => {
+}: CircularProgressBarProps) => {
   const controls = useAnimation();
 
   const circumference = useMemo(