fix: improve loading state handling and conditional rendering in PluginsPanel

web/app/components/plugins/plugin-page/plugins-panel.tsx

@@ -70,7 +70,9 @@ const PluginsPanel = () => {
         />
       </div>
       {isPluginListLoading && <Loading type='app' />}
-      {!isPluginListLoading && (filteredList?.length ?? 0) > 0 ? (
+      {!isPluginListLoading && (
+        <>
+          {(filteredList?.length ?? 0) > 0 ? (
             <div className='flex grow flex-wrap content-start items-start justify-center gap-2 self-stretch px-12'>
               <div className='w-full'>
                 <List pluginList={filteredList || []} />
@@ -85,6 +87,8 @@ const PluginsPanel = () => {
           ) : (
             <Empty />
           )}
+        </>
+      )}
       <PluginDetailPanel
         detail={currentPluginDetail}
         onUpdate={() => invalidateInstalledPluginList()}