nice clean sidebar!!! but no effect of selecting ohh well

packages/desktop/src/tree/protected/terminal/line/LineRow.tsx

@@ -34,8 +34,6 @@ export default React.memo(function LineRow({
   );
 
   const handleActivateLine = useCallback(() => {
-    toast('selected channel');
-
     handleSelectLine(line.lineDetails._id.toString());
   }, [handleSelectLine, line.lineDetails, index]);
 
@@ -133,7 +131,7 @@ export default React.memo(function LineRow({
       className={`flex flex-row items-center justify-start gap-2 px-4 py-4 hover:bg-gray-200 
       cursor-pointer transition-all relative z-50 rounded 
       ${isUserToggleTuned && ' bg-gray-100 shadow-2xl '}
-      ${isSelected && ' bg-gray-200 scale-110 shadow-2xl translate-x-3 '}
+      ${isSelected && ' bg-gray-200 shadow-2xl'}
       `}
     >
       {/* channel picture */}

packages/desktop/src/tree/protected/terminal/panels/SidePanel.tsx

@@ -99,20 +99,22 @@ export default function SidePanel() {
       )}
 
       {/* rest of the lines */}
-      <div className={'flex flex-col flex-1 mr-[-100px] pr-[100px] overflow-y-auto'}>
-        {initialRoomsFetch.loading ? (
-          <Skeleton />
-        ) : (
-          allChannels.map((masterLineData, index) => (
-            <LineRow
-              index={index}
-              key={`terminalListLines-${masterLineData.lineDetails._id.toString()}`}
-              line={masterLineData}
-              handleSelectLine={handleSelectLine}
-              isSelected={masterLineData.lineDetails._id.toString() === selectedLineId}
-            />
-          ))
-        )}
+      <div className={'flex-1 overflow-y-auto flipped'}>
+        <div className="flex flex-col direction-ltr">
+          {initialRoomsFetch.loading ? (
+            <Skeleton />
+          ) : (
+            allChannels.map((masterLineData, index) => (
+              <LineRow
+                index={index}
+                key={`terminalListLines-${masterLineData.lineDetails._id.toString()}`}
+                line={masterLineData}
+                handleSelectLine={handleSelectLine}
+                isSelected={masterLineData.lineDetails._id.toString() === selectedLineId}
+              />
+            ))
+          )}
+        </div>
       </div>
 
       {/* user control panel */}