feat: improve side nav item style and fix some UI issues

inertia/components/common/text_ellipsis.tsx

@@ -1,9 +1,20 @@
 import styled from '@emotion/styled';
 
-const TextEllipsis = styled.p({
-  textOverflow: 'ellipsis',
-  whiteSpace: 'nowrap',
-  overflow: 'hidden',
+const TextEllipsis = styled.p<{ lines?: number }>(({ lines = 1 }) => {
+  if (lines > 1) {
+    return {
+      overflow: 'hidden',
+      display: '-webkit-box',
+      WebkitLineClamp: lines,
+      WebkitBoxOrient: 'vertical',
+    };
+  }
+
+  return {
+    textOverflow: 'ellipsis',
+    whiteSpace: 'nowrap',
+    overflow: 'hidden',
+  };
 });
 
 export default TextEllipsis;