폴더 구조 변경, 스타일 추가

src/content/index.tsx

@@ -1,12 +1,12 @@
 import React from 'react';
 import { createRoot } from 'react-dom/client';
-import App from './App';
+import SubjectApp from './subject/SubjectApp';
 import styles from '@/styles/shadow.css?inline';
 import { createShadowRoot } from '@/lib/createShadowRoot';
 import { ShadowRootContext } from '@/lib/ShadowRootContext';
 import { TooltipProvider } from '@/components/ui/tooltip';
 import { saveDataToStorage, loadDataFromStorage } from '@/hooks/storage';
-import SugangApp from '@/sugang_inwon/App';
+import SugangApp from './suganginwon/SugangInwonApp';
 
 const href = window.location.href;
 
@@ -40,7 +40,7 @@ if (href.includes('siganpyo_aui.jsp') || href.includes('h_sugang_inwon_s01_new_a
     createRoot(shadowRoot).render(
       <ShadowRootContext.Provider value={shadowRoot}>
         <React.StrictMode>
-          <TooltipProvider>{href.includes('siganpyo_aui.jsp') ? <App /> : <SugangApp />}</TooltipProvider>
+          <TooltipProvider>{href.includes('siganpyo_aui.jsp') ? <SubjectApp /> : <SugangApp />}</TooltipProvider>
         </React.StrictMode>
       </ShadowRootContext.Provider>
     );

src/content/DepartmentSelector.tsx → src/content/subject/DepartmentSelector.tsx

@@ -1,12 +1,11 @@
-import React, { useState, useEffect, useMemo } from 'react';
+import React, { useState, useEffect } from 'react';
 import { Department, Semester, Subject } from '@/types/types';
 import { Input } from '@/components/ui/input';
 import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
 import { ScrollArea } from '@/components/ui/scroll-area';
 import { fetchDepartmentData, fetchSemesterData, fetchSubjectsData } from '@/hooks/fetchAPI';
 import { SubjectsTable } from './SubjectTable';
 import { Label } from '@/components/ui/label';
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select';
 import { Popover } from '@/components/ui/popover';
 import { PopoverContent, PopoverTrigger } from '@radix-ui/react-popover';
 import { Button } from '@/components/ui/button';

src/content/App.tsx → src/content/subject/SubjectApp.tsx

@@ -7,7 +7,7 @@ const fadeInVariants = {
   visible: { opacity: 1, y: 0 },
 };
 
-export default function App() {
+export default function SubjectApp() {
   return (
     <div className="font-sans p-6 max-w-5xl mx-auto bg-white space-y-6">
       <motion.div

src/sugang_inwon/App.tsx → src/content/suganginwon/SugangInwonApp.tsx

@@ -10,7 +10,7 @@ const fadeInVariants = {
   visible: { opacity: 1, y: 0 },
 };
 
-export default function App() {
+export default function SugangInwonApp() {
   const [groupedData, setGroupedData] = useState<{ [college: string]: { [faculty: string]: Department[] } }>({});
 
   useEffect(() => {

src/sugang_inwon/SugangInwonTotalTable.tsx → src/content/suganginwon/SugangInwonTotalTable.tsx

@@ -274,7 +274,7 @@ export const SugangInwonTotalTable: React.FC<{
                                       />
                                       <label
                                         htmlFor={`${col.id}-${val}`}
-                                        className="text-sm flex-grow cursor-pointer overflow-hidden text-ellipsis"
+                                        className="text-sm flex-grow cursor-pointer overflow-hidden text-ellipsis line-clamp-1"
                                       >
                                         {col.label === '과목구분' && val === '' ? '없음' : val}
                                       </label>