feat: change Chip to tailwind css. Fixed eslint for ConflictsWithWarning

src/views/components/common/Chip/Chip.tsx

@@ -16,17 +16,11 @@ export function Chip({
     label
 }: React.PropsWithChildren<Props>): JSX.Element {
     return (
-        <Text as = {'div'} variant = 'h4'
+        <Text as = 'div' variant = 'h4'
-            style = {{
+        className="min-w-5 inline-flex items-center justify-center gap-2.5 rounded-lg px-1 py-0.5" 
-                display: "inline-flex",
+        style={{
-                minWidth: "21px",
+            backgroundColor: "#FFD600"
-                padding: "1px 4px",
+        }}>
-                justifyContent: "center",
-                alignItems: "center",
-                gap: "10px",
-                borderRadius: "8px",
-                background: "#FFD600", //Yellow
-            }}>
             {label}
         </Text>
     );

src/views/components/common/ConflictsWithWarning/ConflictsWithWarning.tsx

@@ -19,7 +19,7 @@ export default function ConflictsWithWarning( { ConflictingCourse, SectionNumber
     const UniqueCourseConflictText = `${ConflictingCourse} (${SectionNumber})`;
 
     return (
-        <div className="flex w-21 min-w-21 p-2.5 flex-col items-start gap-2.5 rounded bg-[#AF2E2D]">
+        <div className="min-w-21 w-21 flex flex-col items-start gap-2.5 rounded bg-[#AF2E2D] p-2.5">
             <ConflictsWithoutWarningText>
                Conflicts With:
             </ConflictsWithoutWarningText>