[Category] Chage category width and add popular show conditional statement

com.twin.app.shoptime/src/views/CategoryPanel/CategoryContents/ItemContents/ItemContents.module.less

@@ -8,6 +8,5 @@
   margin-top: 34px;
   > div {
     margin: 0 15px 15px 0;
-    width: 100%;
   }
 }

com.twin.app.shoptime/src/views/CategoryPanel/CategoryContents/NoResultsCategory/NoResultsCategoryItems.module.less

@@ -2,6 +2,7 @@
 @import "../../../../style/utils.module.less";
 
 .container {
+  width: 100%;
   margin-top: 100px;
 
   .info {

com.twin.app.shoptime/src/views/CategoryPanel/CategoryContents/NoResultsCategory/NoResultsCategoryShows.jsx

@@ -1,4 +1,5 @@
 import React from "react";
+import { useSelector } from "react-redux";
 
 import NoResultsImage from "../../../../../assets/images/searchpanel/img-search-nodata.png";
 import { $L } from "../../../../utils/helperMethods";
@@ -6,6 +7,7 @@ import PopularShow from "../../../HomePanel/PopularShow/PopularShow";
 import css from "./NoResultsCategoryShow.module.less";
 
 export default function NoResultsCategoryShows() {
+  const topInfos = useSelector((state) => state.main?.top20ShowData?.topInfos);
   return (
     <div className={css.container}>
       <div className={css.info}>
@@ -14,9 +16,11 @@ export default function NoResultsCategoryShows() {
         </div>
         <p>{$L("THERE ARE NO SHOWS AVAILABLE")}</p>
       </div>
+      {topInfos?.length > 0 && (
         <div className={css.popularShowWrap}>
           <PopularShow homeChk={false} />
         </div>
+      )}
     </div>
   );
 }