Added prettier-plugin-tailwindcss and sorted the classes + some small fixes (#630)

* Added prettier-plugin-tailwindcss and sorted the classes

* Added tsc into staged check + some type improvements

frontend/src/components/modal/InstallChartModal/ChartValues.tsx

@@ -11,13 +11,13 @@ export const ChartValues = ({
   return (
     <div className="w-1/2">
       <label
-        className="block tracking-wide text-gray-700 text-xl font-medium mb-2"
+        className="mb-2 block text-xl font-medium tracking-wide text-gray-700"
         htmlFor="grid-user-defined-values"
       >
         Chart Value Reference:
       </label>
       <pre
-        className="text-base bg-chart-values p-2 rounded-sm font-medium w-full max-h-[330px] block overflow-y-auto font-sf-mono"
+        className="block max-h-[330px] w-full overflow-y-auto rounded-sm bg-chart-values p-2 font-sf-mono text-base font-medium"
         dangerouslySetInnerHTML={
           chartValues && !loading
             ? {