Lint new changes again

src/interface/web/app/components/suggestions/suggestionCard.tsx

@@ -5,7 +5,6 @@ import styles from "./suggestions.module.css";
 import { converColorToBgGradient } from "@/app/common/colorUtils";
 import { convertSuggestionTitleToIconClass } from "./suggestionsData";
 
-
 interface SuggestionCardProps {
     title: string;
     body: string;
@@ -23,10 +22,7 @@ export default function SuggestionCard(data: SuggestionCardProps) {
         <Card className={cardClassName}>
             <CardHeader className="m-0 p-2 pb-1 relative">
                 <div className="flex flex-row md:flex-col">
-                    {convertSuggestionTitleToIconClass(
+                    {convertSuggestionTitleToIconClass(data.title, data.color.toLowerCase())}
-                        data.title,
-                        data.color.toLowerCase(),
-                    )}
                     <CardTitle className={titleClassName}>{data.title}</CardTitle>
                 </div>
             </CardHeader>

src/interface/web/app/components/suggestions/suggestionsData.ts

@@ -41,29 +41,32 @@ addSuggestionColorMap(SuggestionType.Interviewing, "purple");
 addSuggestionColorMap(SuggestionType.Home, "green");
 addSuggestionColorMap(SuggestionType.Fun, "fuchsia");
 addSuggestionColorMap(SuggestionType.Code, "purple");
-addSuggestionColorMap(SuggestionType.Finance, "green")
+addSuggestionColorMap(SuggestionType.Finance, "green");
 
 const DEFAULT_COLOR = "orange";
 
 export function convertSuggestionTitleToIconClass(title: string, color: string) {
-    if (title === SuggestionType.Automation) return getIconFromIconName("Robot", color, "w-8", "h-8");
+    if (title === SuggestionType.Automation)
+        return getIconFromIconName("Robot", color, "w-8", "h-8");
     if (title === SuggestionType.Paint) return getIconFromIconName("Palette", color, "w-8", "h-8");
-    if (title === SuggestionType.PopCulture) return getIconFromIconName("Confetti", color, "w-8", "h-8");
+    if (title === SuggestionType.PopCulture)
+        return getIconFromIconName("Confetti", color, "w-8", "h-8");
     if (title === SuggestionType.Travel) return getIconFromIconName("Jeep", color, "w-8", "h-8");
     if (title === SuggestionType.Learning) return getIconFromIconName("Book", color, "w-8", "h-8");
-    if (title === SuggestionType.Health) return getIconFromIconName("Asclepius", color, "w-8", "h-8");
+    if (title === SuggestionType.Health)
+        return getIconFromIconName("Asclepius", color, "w-8", "h-8");
     if (title === SuggestionType.Fun) return getIconFromIconName("Island", color, "w-8", "h-8");
     if (title === SuggestionType.Home) return getIconFromIconName("House", color, "w-8", "h-8");
-    if (title === SuggestionType.Language) return getIconFromIconName("Translate", color, "w-8", "h-8");
+    if (title === SuggestionType.Language)
+        return getIconFromIconName("Translate", color, "w-8", "h-8");
     if (title === SuggestionType.Code) return getIconFromIconName("Code", color, "w-8", "h-8");
     if (title === SuggestionType.Food) return getIconFromIconName("BowlFood", color, "w-8", "h-8");
-    if (title === SuggestionType.Interviewing) return getIconFromIconName("Lectern", color, "w-8", "h-8");
+    if (title === SuggestionType.Interviewing)
+        return getIconFromIconName("Lectern", color, "w-8", "h-8");
     if (title === SuggestionType.Finance) return getIconFromIconName("Wallet", color, "w-8", "h-8");
     else return getIconFromIconName("Lightbulb", color, "w-8", "h-8");
 }
 
-
-
 export const suggestionsData: Suggestion[] = [
     {
         type: SuggestionType.Automation,
@@ -516,19 +519,22 @@ export const suggestionsData: Suggestion[] = [
     {
         type: SuggestionType.Learning,
         color: suggestionToColorMap[SuggestionType.Learning] || DEFAULT_COLOR,
-        description: "Guide a high school student through solving a quadratic equation step-by-step.",
+        description:
+            "Guide a high school student through solving a quadratic equation step-by-step.",
         link: "",
     },
     {
         type: SuggestionType.Learning,
         color: suggestionToColorMap[SuggestionType.Learning] || DEFAULT_COLOR,
-        description: "Create a series of questions to help a student discover the principles of basic economics.",
+        description:
+            "Create a series of questions to help a student discover the principles of basic economics.",
         link: "",
     },
     {
         type: SuggestionType.Learning,
         color: suggestionToColorMap[SuggestionType.Learning] || DEFAULT_COLOR,
-        description: "Develop a hands-on experiment to demonstrate the concept of density to middle schoolers.",
+        description:
+            "Develop a hands-on experiment to demonstrate the concept of density to middle schoolers.",
         link: "",
     },
     {
@@ -540,19 +546,22 @@ export const suggestionsData: Suggestion[] = [
     {
         type: SuggestionType.Learning,
         color: suggestionToColorMap[SuggestionType.Learning] || DEFAULT_COLOR,
-        description: "Create a personalized learning plan for a student struggling with grammar concepts.",
+        description:
+            "Create a personalized learning plan for a student struggling with grammar concepts.",
         link: "",
     },
     {
         type: SuggestionType.Learning,
         color: suggestionToColorMap[SuggestionType.Learning] || DEFAULT_COLOR,
-        description: "Design a series of questions to encourage critical thinking about climate change.",
+        description:
+            "Design a series of questions to encourage critical thinking about climate change.",
         link: "",
     },
     {
         type: SuggestionType.Learning,
         color: suggestionToColorMap[SuggestionType.Learning] || DEFAULT_COLOR,
-        description: "Develop a step-by-step guide for conducting a basic science experiment on plant growth.",
+        description:
+            "Develop a step-by-step guide for conducting a basic science experiment on plant growth.",
         link: "",
     },
     {
@@ -576,7 +585,8 @@ export const suggestionsData: Suggestion[] = [
     {
         type: SuggestionType.Health,
         color: suggestionToColorMap[SuggestionType.Health] || DEFAULT_COLOR,
-        description: "Explain the differences between various types of headaches and their treatments.",
+        description:
+            "Explain the differences between various types of headaches and their treatments.",
         link: "",
     },
     {
@@ -606,7 +616,8 @@ export const suggestionsData: Suggestion[] = [
     {
         type: SuggestionType.Health,
         color: suggestionToColorMap[SuggestionType.Health] || DEFAULT_COLOR,
-        description: "Provide an overview of the different types of cancer screenings and their importance.",
+        description:
+            "Provide an overview of the different types of cancer screenings and their importance.",
         link: "",
     },
     {
@@ -624,13 +635,15 @@ export const suggestionsData: Suggestion[] = [
     {
         type: SuggestionType.Finance,
         color: suggestionToColorMap[SuggestionType.Finance] || DEFAULT_COLOR,
-        description: "Explain the concept of compound interest and its importance in long-term savings.",
+        description:
+            "Explain the concept of compound interest and its importance in long-term savings.",
         link: "",
     },
     {
         type: SuggestionType.Finance,
         color: suggestionToColorMap[SuggestionType.Finance] || DEFAULT_COLOR,
-        description: "Provide an overview of different types of retirement accounts (e.g., 401(k), IRA, Roth IRA).",
+        description:
+            "Provide an overview of different types of retirement accounts (e.g., 401(k), IRA, Roth IRA).",
         link: "",
     },
     {
@@ -654,7 +667,8 @@ export const suggestionsData: Suggestion[] = [
     {
         type: SuggestionType.Finance,
         color: suggestionToColorMap[SuggestionType.Finance] || DEFAULT_COLOR,
-        description: "Describe different methods for paying off debt, such as the snowball and avalanche methods.",
+        description:
+            "Describe different methods for paying off debt, such as the snowball and avalanche methods.",
         link: "",
     },
     {
@@ -666,7 +680,8 @@ export const suggestionsData: Suggestion[] = [
     {
         type: SuggestionType.Finance,
         color: suggestionToColorMap[SuggestionType.Finance] || DEFAULT_COLOR,
-        description: "Provide an overview of different types of insurance and their importance in financial planning.",
+        description:
+            "Provide an overview of different types of insurance and their importance in financial planning.",
         link: "",
     },
     {

src/interface/web/app/settings/page.tsx

@@ -848,11 +848,12 @@ export default function SettingsView() {
                                         <CardHeader className="flex flex-row text-2xl">
                                             <Laptop className="h-8 w-8 mr-2" />
                                             Files
-                                            {
+                                            {userConfig.enabled_content_source.computer && (
-                                                userConfig.enabled_content_source.computer && (
+                                                <CheckCircle
-                                                    <CheckCircle className="h-6 w-6 ml-auto text-green-500" weight="fill" />
+                                                    className="h-6 w-6 ml-auto text-green-500"
-                                                )
+                                                    weight="fill"
-                                            }
+                                                />
+                                            )}
                                         </CardHeader>
                                         <CardContent className="overflow-hidden pb-12 text-gray-400">
                                             Manage your synced files
@@ -915,11 +916,12 @@ export default function SettingsView() {
                                         <CardHeader className="text-xl flex flex-row">
                                             <NotionLogo className="h-7 w-7 mr-2" />
                                             Notion
-                                            {
+                                            {userConfig.enabled_content_source.notion && (
-                                                userConfig.enabled_content_source.notion && (
+                                                <CheckCircle
-                                                    <CheckCircle className="h-6 w-6 ml-auto text-green-500" weight="fill" />
+                                                    className="h-6 w-6 ml-auto text-green-500"
-                                                )
+                                                    weight="fill"
-                                            }
+                                                />
+                                            )}
                                         </CardHeader>
                                         <CardContent className="grid gap-4">
                                             <p className="text-gray-400">