I am confused in the TE RJ45 connector Datasheet, its written that "Suggested PCB layout (Component Side)". What does the term "Component Side" means? Is it PCB Footprint hole view or RJ45 PIN view from bottom?
Component side is the side that the component is on, solder side is the side that a PTH component is soldered on.
SMT components use the same side of course.
Beware when reading datasheets to check the side of the proposed footprint, mostly they will be explained but sometimes they may not say the side they are on.
This RJ45 is viewed from the top side of the PCB (if the component is mounted on the top).
Yes, and both footprints are actually showing component side respectively top view.
But you apparently didn't pay attention to the different plug orientation of both jacks. RJ45 jacks can be either "tab up" or "tab down", resulting in effectively mirrored pin locations and some position differences.
First you have to decide for the intended plug orientation.
LOL, out of all the complex components in the world most PCB library mistakes are regarding quite simple connectors, and looking at data sheets such as shown. Often the problem with data sheets is that they are drawn using mechanical rules and dimensioning from which you have to extract the dimensions and relationships between dimensions required for the footprint design.
These connectors (and ZIF) are two of the most common as both have top and bottom entry versions where the pin 1 position differs.